Simple Pinterest Like Grid Layout Plugin - Pinbox

Pinbox is a simple and fast jQuery plugin that allows you to quickly create a dynamic grid layout similar to pinterest waterfall flow view display format.

You might also like:

• Pinterest Like Glowing Input Fields with CSS3
• Pinterest-Like Dynamic & Responsive Grid Layout Plugin - BlocksIt
• Pinterest-Like Dynamic Grid Layout Plugin with jQuery - Wookmark
• Pinterest-Like Web Layout Plugin
• Pinterest Style Dynamic Layout jQuery Plugin - Masonry

Basic Usage:

1. Include jQuery library and pinbox.js on your web page

<script src="../source/js/jquery.js"></script>
<script src="../source/js/jquery.pinbox.min.js"></script>

2. Include necessary CSS files to style your layout

<link href="css/bootstrap.css" rel="stylesheet">
<link href="../source/css/pinbox.css" rel="stylesheet">

3. Markup html structure

<div style="position:relative" id="categoryProductContainer">
<div class="span2 pcon smaller prodcont actioninside new" > 1 </div>
<div class="span2 pcon prodcont actioninside new" > 2 </div>

...

</div>

4. Call the plugin

<script>
$(document).ready(function () {
     $('#categoryProductContainer').pinbox().hide(0).fadeIn(1000);
});
</script>

More Examples:

• Basic Examples
• Advanced Examples

---

This awesome jQuery plugin is developed by unknown. For more Advanced Usages, please check the demo page or visit the official website.