Grid 'Em is a simple jQuery plugin that allows you to evenly apply horizontal spacing on a list of items across multiple rows on a page.
ParamQuery grid is a lightweight jQuery grid plugin inspired by MS Excel and Google spreadsheet. It's based upon jQueryUI Widget factory which is an excellent design pattern for UI controls with consistent API. It's free to use.
jqRazorGrid is a jQuery plugin that transforms your JSON encoded data into a dynamic, themable and extensible grid. This plugin's aim is to create the most amount of functionality for the least amount of set-up code.
Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout.
It can be applied to a container element and it will attempt to arrange it's children in a layout that makes optimal use of screen space, by "packing" them in a tight arrangement.
Here you ll learn how to create a template with a fullscreen grid of images and content areas.
The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.
Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns. You can even dynamically add and remove elements from the grid. It is on par with sliced bread, or possibly better.
Flex is a fluid asymmetrical animated grid plugin for jQuery. Flex is an idea inspired by the old flash homepage on Adidas.com.
HTML5 Sortable is a jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API.
Mosaiqy is a jQuery plugin for viewing and zooming photo working on Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome and IE7+. Photos are retrieved from a JSON/JSONP data structure and randomly moved inside the grid. All expensive animations are taken over by your GPU on recent browsers using CSS3 transitions, minimizing the CPU overhead.
Wookmark plugin lays out a series of elements in a dynamic column grid. It detects the size of the window and automatically organizes the boxes into columns. Resize your browser to see the layout adjust.
With Grid Navigation Effects using jQuery, you will learn ten ways how to navigate through a set of thumbnails and how to apply the effect.
Here are some example effects;
Default (show/hide), Fade, Sequential fade, Move/fade, Sequential move/fade, Sequential move/fade reversed, Resize (show/hide), Disperse, Rows move, Sequential move/fade.