Dynamic grid layout plugin for jQuery working by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid.

Learn more

First released 2016
Developed by David DeSandro
Latest stable version 1.1.2
Open-source Not defined

Interesting facts

Masonry, Isotope, and Packery are all similar in that they are layout libraries. Many of their options and methods are the same. Masonry does cascading grid ‘masonry’ layouts. Packery does bin-packing layouts, which allow it to be used for draggable interactions. Isotope does sorting and filtering. Isotope uses masonry layout, as well as other layouts.


Development by

Sign up for updates
straight to your inbox