Gap-Free, Multi-Column Grid Layouts – Nested

Nested is a jQuery plugin for generating multi-column grid layouts with zero gaps.

The plugin creates a matrix of all elements, builds a multi column grid and tries to fill any gaps by reordering the elements.

jQuery Nested

There are various other solutions out there that does the same. However, Nested applies one small action: it resizes any element at the bottom of the grid to guarantee the gap-free layout.

Its usage is very easy by simply targeting a container element through a jQuery function.

And, various options exist for customization like enabling/disabling animation, min. number of columns and more.