TimelineJS is an open-source tool that enables anyone to build visually rich, interactive timelines. Beginners can create a timeline using nothing more than a Google spreadsheet. Experts can use their JSON skills to create custom installations, while keeping TimelineJS's core functionality.
Get updates, tips and news by email. No spam.
TimelineJS can pull in media from a variety of sources.
Twitter, Flickr, Imgur, YouTube, Vimeo, Vine, Dailymotion, Google Maps, Wikipedia, SoundCloud, Document Cloud and more!
TimelineJS works on any site or blog. Make your own in four easy steps.
Build a new Google Spreadsheet using our template. You'll need to copy the template to your own Google Drive account by clicking the "Use this template" button.
Drop dates, text and links to media into the appropriate columns. For more about working with our template, see our help docs.
Note: Don't change the column headers, don't remove any columns, and don't leave any blank rows in your spreadsheet.
Under the File menu, select “Publish to the Web.”

In the next window, click the blue "publish" button. When asked, "Are you sure…?" click OK.
Now, copy the URL that appears in the center of the window. You'll use this in the next step.


Grab the embed code and paste it on your site where you want your TimelineJS to appear (just like a YouTube video).
Preview mode: Desktop Tablet Mobile
Note: In order for TimelineJS to work on responsive web pages, the iframe's width must be proportional (i.e., width="100%") and not absolute (i.e., width="650").