Get new jQuery plugins just once a week



February 8, 2013

Nested | jQuery plugin for gap-free, multi-column layout

Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts that allows you a complete gap-free layout. Nested does three things. It creates a matrix of all elements and creates a multi column grid, similar to other libraries and scripts out there. Then it scans the maxtric for gaps and tries to fill them by reordering the elements. The last step, an option to resize any element at the bottom of the grid that is bigger (or smaller if you prefer) than the gap to make the grid completely gap-free.

Example Code

$("#container").nested({selector: '.box'});

Created by Andreas Pihlström



Nested jquery plugin

Gap free multi-column grid


Related posts:

Tipue Drop
Nested jquery plugin

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever
Couple Gift Ideas