Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

MelonHTML5 - Grid Slider

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

MelonHTML5 - Grid Slider - CodeCanyon Item for Sale


Ad: Bluehost hosting


Grid Slider is a light-weight, high performance plugin that lets you display multiple items in perfect grid layout. It comes with various options letting you configure it without manually changing code. You could also use its built-in API to intergrate it with your own app very easily.

Please give it quick rating if you like this. If you have any suggestions/feature request or you find a bug, you are more than welcome to contact me and I’ll address them ASAP.

Live Demo


Grid Layout
Display multiple items in a perfect grid layout. Row number, Column number, Gutter size and Thumbnail size can all be configured via options. (no manual CSS changes are needed)

Multiple Instances
With the object oriented design in code, multiple sliders can be displayed on one page with different settings for each.

7 highly performance optimized animations are included by default, and each type could have a unique synchronized option turned on or off.

Item Description
Each item could have a HTML description displayed at the bottom. Item description can be easily turned on or off via options.

Each item could have a HTML tooltip set which is opened on click.

External Link
External links could also be used on images which can be set to open in the same window or a new window.

API Methods
Plenty of Object Oriented API methods allow you to integrate it with your own app very easily.


v1.03 @ 15 April 2013
 Bug Fix: Fixed a bug where opened categories don't remain opened after navigation 
v1.02 @ 16 Match 2013
 Update: Re-designed tooltip 
v1.01 @ 13 Match 2013
 Update: Added ability to add item description to be displayed below each item 
v1.00 @ 10 Match 2013
 Initial release 

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


12 March 13

Last Update:
15 April 13

High Resolution:

Compatible Browsers:
IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS, Layered PNG

Software Version:


eCommerce, eCommerce, All Items, animation, carousel, gallery, grid, item, logo, MelonHTML5, portfolio, product, slider, team, thumbnail