Best jQuery Timeline Plugins & Tutorials with Demo

    EventControl : jQuery Timeline Control

    EventControl : jQuery Timeline Control

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

    Flik : jQuery Timeline Plugin with CSS3

    Flik : jQuery Timeline Plugin with CSS3

    This is very simple and modern CSS3 and jQuery. 8 style with 5 different effect

    Features:

    • 8 Style
    • 5 different effect
    • Pure CSS3
    • Works with all CSS3 Browsers
    • Easy to implement, customize and style

    Responsive Timeline using CSS3

    Responsive Timeline using CSS3

    I share responsive timeline, its not contain single line of javascript or jQuery code. HTML and CSS is fully hand-coded and easy to use and understand for change something according to you.

    jQuery jSon Slider, Carousel & Timeline Plugin

    jQuery jSon Slider, Carousel & Timeline Plugin

    The jSon Slider is a multi purpose jQuery plugin. We can crate slider, carousel & timeline.It is a responsive and fast-loading slider with built-in search functionality and other powerful features.

    Features:

    • Very fast-loading slider
    • CSS3 & jQuery animation
    • Carousel (Option for setting different numbers of slides for Desktop, Tablet and Mobile)
    • Testimonial, Tab & Timeline
    • Search within slides
    • YouTube and HTML5 videos in slides
    • Full screen
    • Thumbnails, bullets or HTML
    • Multiple sliders allowed on one page
    • Slides can be selected using a GET method in URl

    Timelined : CSS-only Vertical Timeline

    Timelined : CSS-only Vertical Timeline

    Timelined is a customizable CSS-only vertical timeline.

    ZoomTimeline : Ultimate jQuery Timeline Pack

    ZoomTimeline : Ultimate jQuery 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.

    TimelineMe : jQuery flexible Timeline Plugin

    TimelineMe : jQuery flexible Timeline Plugin

    The aim of this plugin is to easily build a timeline display for your data.

    Labella.js : Placing Labels on a Timeline

    Labella.js : Placing Labels on a Timeline

    If you try to place labels for points on a timeline (or any 1D space), one common problem is the labels often overlap. How about making the labels push each other. Use the force, jedi-style.

    TimelinzJS : Lightweight Timeline Maker

    TimelinzJS : Lightweight Timeline Maker

    TimelinzJS is a lightweight and flexible javascript library for creating one or multiple timelines.

    Features:

    • It’s lightweight! (JS: ~2KB gzipped, CSS: ~0.5KB gzipped)
    • No dependency (just Vanilla JS)
    • Fully customizable
    • Themable with css
    • With JSON data structure
    • Compatible with AMD and CommonJS module styles
    • Works with jQuery and Bootstrap plugins

    Horizontal Timeline with CSS3 & jQuery

    Horizontal Timeline with CSS3 & jQuery

    An easy to customise, horizontal timeline powered by CSS and jQuery.

    Building a horizontal timeline was a bit tricky, because you can’t rely on the vertical (more intuitive) scrolling behaviour. We decided to separate timeline and events, with the first one working like a slider, while the second one occupying the full width and showing a single event at a time.