Best jQuery Timeline Plugins & Tutorials with Demo

    Timespace : jQuery plugin to handle displaying of Time Events

    Timespace : jQuery plugin to handle displaying of Time Events

    The jQuery Timespace plugin provides a way to handle the display of event data in a horizontal table that can be dragged in all directions. Each event in the time table can be selected to display more details about the event.

    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