--- title: jQuery Masonry layout: default category: homepage has_modernizr: true mini_bricks: - w1 h1 - w1 h1 - w1 h2 - w1 h1 - w2 h1 - w1 h2 - w1 h1 - w2 h2 - w2 h1 - w1 h1 - w2 h2 - w2 h1 ---
A dynamic layout plugin for jQuery
The flip-side of CSS floats

← View docs and demos
Before: CSS Floats
{% for brick in page.mini_bricks %}
{{ forloop.index }}
{% endfor %}
After: Masonry
{% for brick in page.mini_bricks %}
{{ forloop.index }}
{% endfor %}
Loading Examples
Also try Vanilla Masonry.
Just like jQuery Masonry, but without the jQuery. It’s delicious!