Best jQuery Timeline Plugins & Tutorials with Demo

Timeline.js : jQuery Timeline Plugin

Timeline.js : jQuery Timeline Plugin

jQuery timeline plugin, easily creates a timeline.

Albe Timeline : jQuery Timelines Plugin with JSON Data

Albe Timeline : jQuery Timelines Plugin with JSON Data

JQuery plugin for timeline, simple but highly customizable. It will help you render a responsive timeline (CSS and HTML) from JSON data.The information will be automatically grouped by year and the series of events will be sorted by date.

In addition, this plugin is able to handle virtually any type of content such as images, videos, audios and more.

Responsive Timeline for WordPress

Responsive Timeline for Wordpress

Build a simple, interactive, historical timeline with RT TIMELINE.

Features:

  • Unlimited timeline for in post or page
  • Show images like slider or thumbnail slider
  • 6 different style
  • 76 different animation effect
  • Alignment(Left/Center/Right) option in every style

First : jQuery Responsive Timeline

First : jQuery Responsive Timeline

You can create your own timeline for your personal website or portfolio. This timeline based on CSS3 and jQuery. It consist of very simple interface for editing ,modern design and various transitions styles. Included are over 40+ animations, 10+ styles. The timeline is fully responsive and supports all HTML content such as iframes, text, images, videos, audio among others. It works in all modern devices and browsers from desktop to mobile.

  • 14 various styles
  • 45 transition styles
  • Multi-purpose timeline
  • Work with any themes
  • Fully responsive
  • Vertical and horizontal style
  • Modern and clean design
  • Easy edit
  • Documentation included
  • 7/24 support

TimelineJS v3: A Storytelling Timeline built in JavaScript

TimelineJS v3: A Storytelling Timeline built in JavaScript

TimelineJS 3 is a rewrite of the popular Timeline JS software. Please be clear that this is software which “does” the same thing, but it isn’t the same software, so some details will vary.

Timeline Framework with HTML5 & CSS

Timeline Framework with HTML5 & CSS

AWSM Timeline’ is a pack of super cool and interactive timeline layouts for your website. It is rather a basic framework which you can use to build your own style of timeline layouts by making some basic CSS changes. This documentation will help you to integrate the layout easily into your existing HTML files.

Flik Timeline : WordPress Responsive Timeline Plugin

Flik Timeline : WordPress Responsive Timeline Plugin

Build a simple, interactive, historical timeline with FLIK TIMELINE. The benefits of this timeline is that it’s simple, able to handle nearly any form of content (including image slider, thumbnail slider), printer friendly, and highly customizable .

  • Unlimited timeline for in post or page
  • Show images like slider or thumbnail slider
  • 5 different style
  • 8 different animation effect
  • Horizontal and vertical styles

Cool Timeline Pro – WordPress Responsive Timeline Plugin

Cool Timeline Pro – WordPress Responsive Timeline Plugin

Cool Timeline Pro is an advanced WordPress timeline plugin that showcases your life history or your company’s story in a responsive vertical chronological order based on the year and the date of your posts.Extensions Bundle.

  • Create Multiple Timeline Stories – Create unlimited timeline stories inside your WordPress website or blog.
  • Timeline Scrolling Navigation – Quickly and easily navigate your timeline with a beautiful scrolling navigation inside your timeline.
  • Historical Dates – Allow you to set dates between the years 1850-2020.
  • Stories Content Format – Add different type of content like Video, Slideshow, Image in your story.
  • Stories Category Management – Add stories in specific category.
  • Advanced Style Options – Customize with your own colors, styles.
  • Story Single Page – Custom single story page.
  • Animation Effects – Add animation effects on timeline scroll.
  • Stories Images in popup – Display stories images in popup.
  • Stories Images Slideshow – Add images slideshow in stories.

ZoomTimeline : CSS Timeline Pack

ZoomTimeline : CSS Timeline Pack

Looking for a company timeline ? A shipping log ? Shipping history ? Personal History ? A cool timeline slider ? This plugin has it all. No matter the needs for a timeline, the six modes included cover all the timeline needs.Awesome for – company timeline, time line, history, company history, shipping history, parcel track display, timeline slider.

  • HTML5 technology – zoomtimeline uses the latest html5 tehniques ( like Histroy API ) to deliver a never seen before experience to your clients
  • fully responsive – looks great from mobile to HD
  • five modes – full skins to fit every brand
  • CSS3 technology – this player uses cutting-edge css3
  • SCSS Powered – easy for developers to modify
  • Retina-ready – graphics have double resolution for smooth retina viewing
  • easy install – purchase, download the zip, read the docs
  • iPhone / iPad optimized – this gallery has been optimized for Apple touch devices

EventControl : jQuery Timeline Control

EventControl : jQuery Timeline Control

EventControl is a jQuery timeline control with support for stacking events.