Just founded a great jQuery plugin which gives you a Pinterest like layout. The dynamic grid layouts are now covering the web not because Pinterest the most popular photo sharing website uses this but also it’s really a great way to display content responsively with different sizes.

Wookmark jQuery Plugin

Wookmark jQuery Plugin gives you a layout for dynamic grid of elements. Don’t understand what I’m trying to say, okay.. See the documentation page for examples. You can easily create Pinterest alternative using Wookmark jQuery plugin.

 Wookmark jQuery Plugin

How to use Wookmark jQuery plugin?

Okay, if you want to know that how this jQuery plugin works in order to build a Pinterest like layout then just follow the steps below to get started:

  1. Download the plugin from Github repository
  2. Afterwards, load the jquery.wookmark.js file in the head section of your website also make sure that the jquery.js file is loaded in your website
  3. Finally run the script on your content by adding the following code:
<script type="text/javascript">$('#myContent li').wookmark({offset: 2});</script>

4. Adjust the options. That’s it.

Compatibility: jQuery 1.4.3 or higher
Website: http://www.wookmark.com/jquery-plugin
Download from GitHub: https://github.com/GBKS/Wookmark-jQuery