MelonHTML5 – Timeline

Buy for 9$ | Click for demo


: jQuery



Timeline enables you to develop visually-rich interactive timelines on your website. It allows you display article, videos, photo gallery, slider … etc with lots of adjustable options, which ought to match all your demands. Timeline additionally accepts JSON as information resource makings it extremely simple to incorporate it with your own database in any type of programming languages.

If you like this, please offer it quick rating. You are extra compared to welcome to contact us as well as we’ll address them As Soon As Possible if you have any type of suggestions/feature demand or you locate a bug.

Live Trial

NOTE: jQuery Variation is also available.


Timeline occasion could be displayed as a Post, Slider, Gallery, Video clip and so forth. Each display kind uses unique alternatives such as Lightbox, Slideshow, Preloading … etc

Timeline could be shown in Double Column, Left Column, Right Column or Facility Column.

Timeline likewise has complete responsive style fitting any one of your internet site designs.

MOTIFS: incredibly very easy to produce your own theme documents
Multiple themes are consisted of by default. The HTML and CSS structure are created for you to produce your personal themes extremely quickly.

A complete CSS3 (jQuery Backup for IEs) lightbox is included. You also get the choice to turn it on or off.

Yes, just one DIV, no complex HTML is required.

Timeline lets you utilize JSON as data source, so you can conveniently incorporate it with your personal data source in any type of programs languages.

Displaying a a great deal of information in one timeline circumstances with a tons much more button which loads more data instantly on clicking.

Wan na apply your very own AJAX data load for Timeline? No problem, you could use the built-in API to include new data to an existing Timeline circumstances.

SOCIAL ASSIMILATION (see Twitter Timeline Demo and Facebook Timeline Trial).
You could also use its API to easily integrate Twitter, Facebook or other social network right into the Timeline. Examples are included in the documents.

FULL API FEATURES (for advanced used).
Lots of API choices are likewise given (e.g. turn animation/separator on or off, set day format … etc), which allows you to set up the timeline to suit your very own demands.

CSS3 computer animations + jQuery Backup for IE.
All animations are written in CSS3 for better efficiency, and also old IEs will certainly get jQuery computer animations.

SUPPORT ALL MAJOR WEB BROWSER (IE 7+, Chrome, Firefox, Safari, Opera).
Timeline has actually been thoroughly tested in all mobile devices and also major web browsers, efficiency is also maximized for every browser. We wan na say it’s 99.99% bug totally free.

Elements are bought by time instantly. You could additionally establish the order to be DESC or ASC.

Day could be presented in any layout by setting one single alternative.

A full example of mobile mode is included in the files, so if you are to develop a mobile website, this is just what you need.

v2.08 @ 12 Dec 2015.

UPDATE: Added capacity to integrate Twitter and Facebook with each other.

v2.07 @ 18 Mar 2015.

UPDATE: Updated Facebook API to v2.0.

v2.06 @ 12 Feb 2015.

UPDATE: Updated Twitter API to make use of the present method type rather than http just.

v2.05 @ 05 Dec 2014.

BUGFIX: Dealt with Lots A lot more button when multiple timelines are utilized on one page.

v2.04 @ 04 Nov 2014.

BUGFIX: Fixed lightbox to not open numerous pictures when clicking 2 pictures as well quickly.

v2.03 @ 15 Oct 2014.

UPDATE: Added assistance for Time.

v2.02 @ 07 Oct 2014.

UPDATE: Enable the “material” option to be utilized in various other occasion types.
UPDATE: Added 2 new themes.
BUGFIX: Taken care of a bug in “loadmore” option.

v2.01 @ 26 July 2014.

UPDATE: Updated lightbox layout.
UPDATE: Do not play slider automatically by default.
UPDATE: Added a brand-new dark style.

v2.00 @ 07 July 2014.

UPDATE: Overhauled HTML and CSS.
UPDATE: NEW 100% Responsive Mode.
UPDATE: NEW “Lots More” option (no custom JavaScript code is needed anymore).
UPDATE: Simplified Options.
UPDATE: Permit to show the very first time separator.
UPDATE: Big efficiency renovation.

v1.08 @ 25 February 2014.

UPDATE: Facebook: make use of big images when readily available (photo posts).

v1.07 @ 01 February 2014.

UPDATE: Upgraded moment.js to the most up to date variation.
UPDATE: Added capacity to different information by month, month or year year.
UPDATE: Simplified Facebook and also Twitter assimilation.
UPDATE: Included capability to establish default width via alternative to ensure that the dimension of JSON information could be lowered.

v1.06 @ 08 August 2013.

UPDATE: NEW API appendData(): include extra information to an existing timeline.
UPDATE: NEW choice “max”: established maximum number to timeline components to be shown.

v1.05 @ 18 July 2013.

UPDATE: Added ability to display posts of a Facebook Page by offering a web page ID.
UPDATE: Updated Facebook API to deal with its most current modifications (gain access to token).
UPDATE: Updated Twitter API solution LINK to the new one.

v1.04 @ 02 July 2013.

UPDATE: Added a brand-new “dateFormat” option.

v1.03 @ 28 June 2013.

UPDATE: Updated Twitter API to v1.1.

v1.02 @ 18 Feb 2013.

UPDATE: Added ability to establish aspect order: DESC or ASC.

v1.01 @ 27 Jan 2013.

UPDATE: Included capacity to remove timeline elements.
UPDATE: Added a new center column setting.
UPDATE: Included responsive as well as mobile setting to examples.

v1.00 @ 25 Jan 2013.

Preliminary release.

Timeline enables you to build visually-rich interactive timelines on your internet site. It lets you display blog posts, video clips, photo gallery, slider … etc with lots of adjustable options, which need to match all your requirements. Timeline additionally accepts JSON as data source which makes it incredibly very easy to incorporate it with your own data source in any kind of programs languages.

Timeline occasion can be displayed as a Blog Blog post, Slider, Gallery, Video and also so on. Each screen type uses distinct choices such as Lightbox, Slide show, Preloading … etc


Comments are closed.