Masonry is a layout plugin for the ever-popular Javascript library jQuery. Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Invoking Masonry only requires one line. Simply attach the .masonry() method to the wrapping container element in your jQuery script.

Choose It

Choose It