Developer News, More

The 6 Most Amazing jQuery Grids

6-best-jquery-grid-5

jQuery is a very powerful tool.It is a lightweight, cross-browser compliant, incredibly awesome and extremely powerful JavaScript framework (library) that emphasizes and simplifies interaction between JavaScript, CSS and HTML.

jQuery grids let you create Pinterest or Tumblr like layouts for your site. They work like a virtual matrix, they follow the “box inside a box” principle.So here is a  list of 6 best Grids for Jquery.

The 6 Most Amazing jQuery Grids

Masonry

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet.Masonry is probably the best-established jQuery grid out there because of it’s so many features.

6-best-jquery-grid-1

Sourch

 

jQuery MatchHeight

matchHeight makes the height of all selected elements exactly equal.It handles many common edge cases that cause similar plugins to fail.You can see the demo here.

6-best-jquery-grid-2

Sourch

jQuery Gridly

Gridly is a jQuery plugin to enable dragging and dropping as well as resizing on a grids. In the example below try tapping or dragging any of the bricks.

6-best-jquery-grid-3

Sourch

jQuery Nested

jQuery Nested plugin for a gap free, multi column grid layout experience.It provides you with a handy multi-column grid layout that is responsive and works across all kinds of devices.View demo Here

6-best-jquery-grid-5

Sourch

 

Photoset Grid

The original version of this plugin was created for Tumblr themes but the dev team decided to give the opportunity for designers to use this plugin in their own designs.

6-best-jquery-grid-6

Sourch

 

Freewall

Freewall is a cross-browser and responsive jQuery plugin to help you create many types of grid layouts: flexible layouts, images layouts, nested grid layouts, metro style layouts, pinterest like layouts … with nice CSS3 animation effects and call back events.

6-best-jquery-grid-4

Sourch

 

You Might Also Like

Leave a Reply