27 Websites leveraging jQuery Masonry

We all know jQuery has become a huge platform, and the different techniques and effects are all over the web.

jQuery is a very powerful platform, and usually accompanied with CSS and WordPress, developers can create some amazing projects. David DeSandro created a layout plugin called Masonry.

“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 plugin has created some really amazing websites, I personally have been looking around to gather inspiration, because I think I want to start a personal blog that I can grab clips, quotes, tweets, pics, images from around the web and throw them on a site. What better way to do it then with the jQuery Masonry plugin. I love how, the grid is so sporadic, it somehow feels so organized.

Pattern Tap – Alpha

Puma Running

Thought & Theory

Dazed Digital


Rather Splendid

The Inspiration Theme – Veerle Peters


Claude Spengler Porftolio

The Mid-Century Modernist


Inspire Well

Min Tran’s Journal


Photography by Koa Metter

Matthew Anderson

Darren John


All In My Head

Ryan O’Rourke


Bettr 2.3.2


Eva Lindeman


Shaken Grid

Snippet Theme



Tutorial Using jQuery Masonry With WordPress