Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Cascading grid layout library
JavaScript HTML CSS
Pull request Compare This branch is even with gh-pages.
Fetching latest commit...
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
_layouts add hacky alert
_posts change support to jQuery 1.6; Fixes #313
css add hacky alert
js docs : update jQuery to v1.7.1; add tests index
CONTRIBUTING.mdown development freeze
README.mdown add install with Bower; fixes #306
component.json update component .json
favicon.ico favicon.ico : added
index.html add install with Bower; fixes #306
jquery.masonry.js js : use $.event.dispatch
jquery.masonry.min.js js : use $.event.dispatch


jQuery Masonry

Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

This package has all the documentation and demos to get you started.

View this project live at


If you are cool with the command line, install jQuery Masonry as a Bower package:

bower install jquery-masonry

Viewing this project locally

Via download

You can download a zip of all the flat HTML files from

Via Jekyll

The documentation and demo pages are generated using Jekyll. With Jekyll installed, you can clone this repo and run Jekyll from Terminal:

git clone
cd masonry/
jekyll --server --auto

Then view the live site at http://localhost:4000.

Copyright (c) 2012 David DeSandro

Something went wrong with that request. Please try again.