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

  • http://www.lionways.com Arie Zonshine

    Here’s another site using this wonderful plugin: http://www.annebenor.com/en/gallery/

  • http://www.franckmaurin.com Franck Maurin

    Great showcase!

    This art events agenda use this plugin too : http://www.toutpourlesyeux.com

  • Todd

    http://www.jwt.com/ I believe uses this plugin as well

  • http://www.colddesign.it Giacomo Colddesign

    Good collection of jquery usages.. thanks for sharing..

  • http://mattlenz.com/ Matt

    Another use of Masonry http://bench.li/

  • http://www.iamdarrenjohn.com Darren John

    Hi Chad,

    Thanks for including my site in this list 🙂

    It’s a great script, props to David DeSandro for it!

  • Fabiano

    Here’s another site using jQuery Masonry plugin: http://www.fulldesign.com.br/

  • http://www.keefermadness.com Ryan Keefer

    Another site that’s been using it since near the beginning of 2011:

    Centerline Digital: http://www.centerline.net