Best jQuery Timeline Plugins & Tutorials with Demo

    jQuery Social Media Timeline

    jQuery Social Media Timeline

    With Social Media Timeline you can have every network in one plugin!

    Features:

    • Pinterest, Facebook, Instagram, Pinterest
    • Fully Responsive
    • Beautifully organized
    • Mobile devices ready
    • Multiple instances in page
    • No PHP required
    • Fixed option

    Ideabox : jQuery Timeline News Ticker

    Ideabox : jQuery Timeline News Ticker

    Ideabox is a jQuery timeline news ticker with following features:

    1. Modern
    2. Flat
    3. HTML data
    4. Multiple RSS Feed
    5. Easy Install
    6. Responsive
    7. Mobile Friendly

    Responsive Facebook Style Timeline Design With Bootstrap

    Responsive Facebook Style Timeline Design With Bootstrap

    In this tutorial we are going to implement this Responsive Facebook style timeline design with Twitter Bootstrap. I am going to explain step by step implementation of this Responsive Timeline Design, so just follow the each steps carefully.

    GraspSchedule.js : jQuery plugin for Visualize complex Schedules & Events

    GraspSchedule.js : jQuery plugin for Visualize complex Schedules & Events

    jQuery graspSchedule.js is a simple jQuery calendar plugin used to visualize complex schedules & events loading from JSON data, a little similar to the timeline or event calendar. You can use it for Life-log application or webpage for time schedule.

    Vertical Timeline with CSS3 & jQuery

    Vertical Timeline with CSS3 & jQuery

    Today’s resource is an easy to customize, responsive timeline. We used some CSS3 tricks and a bit of jQuery to create some bounce animations that affect desktop users only, while on mobile the structure is more minimal.

    Dynamic Timeline : jQuery Responsive Time Line Plugin

    Dynamic Timeline : jQuery Responsive Time Line Plugin

    A JQuery plugin that allows you to create horizontal and vertical time lines to show off a portfolio or chronological and visually pleasing events!

    Timesheet.js : JavaScript library to create HTML time sheets

    Timesheet.js : JavaScript library to create HTML time sheets

    Visualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well.

    Timeline with CSS3 & jQuery

    Timeline with CSS3 & jQuery

    The timeline drop can have many different purposes. From explaining history and chronological events like process or history. The timeline features a beautiful CSS transition that is triggered by the user’s scroll. Video and images are also supported as content types for the feed.

    Features:

    • Image and video support
    • Infinite scroll supported
    • 100% Responsive

    jQuery Flat Event Calendar Responsive Timeline

    jQuery Flat Event Calendar Responsive Timeline

    It’s a responsive event calendar. It can also be used as a timeline. It’s suitable both for responsive and fixed layout. Its features :

    • Flat UI.
    • Supported by all major browsers.
    • Responsive design.
    • 5 layouts included.
    • Own layout can be customized.
    • Almost fully css customizable.
    • Metro and iOS7 inspired.

    Fancy Timeline Transition with CSS3

    Fancy Timeline Transition with CSS3

    This is a port of the Google+ iPad app timeline purely done with CSS3.