Open Source jQuery Layout Plugin – jQuery Masonry

jQuery Masonry is a open source layout plugin for jQuery. This Free jQuery layout plugin rearranges elements to a grid.

Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

This Free jQuery Plugin measures the height of the elements when placing them, you will need to account for images that haven’t loaded. The best method is to specify the width and height of images inline.

Website: http://desandro.com/resources/jquery-masonry

Demo: http://desandro.com/demo/masonry/basic.html