Pinto – jQuery Responsive Grid Layout Plugin

Pinto is a lightweight and customizable jQuery plugin for creating pinterest like responsive grid layout. Pinto is intended for easy use and is fully deployable within minutes.

How To Use

1. Load jQuery.js and jquery.pinto.min.js in the head section for your html document:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.pinto.min.js"></script>

2. Set up your HTML:

<div id="container">
   <div class="pinto"><img src="..."><div class="info"><h2>Project 1</h2></div></div>
   <div class="pinto"><img src="..."><div class="info"><h2>Project 2</h2></div></div>
   <div class="pinto"><img src="..."><div class="info"><h2>Project 3</h2></div></div>
</div>

3. Finally just call the plugin:

$(document).ready(function() {
   container.pinto({
      itemWidth:200,
      gapX:30,
      gapY:30,
   });
});

License

Pinto is licensed under the MIT License. See the license.txt file in the source code for copy permission.

DOWNLOAD
Keep calm and drink coffee
Our Services
We provide a range of services from website design & development that improve the quality of life of our customers

After Sale Support

If you faced any problem or have a question about our products use our contact form.

100% Responsive

All our products are fully responsive made for mobile devices and looks perfect on any screen resoluion.

Customizable

Our products have a lot of useful options, so you can easy customize it for your needs.