Best jQuery Grid Plugins & Tutorials with Demo

    JavaScript Grids : jQuery plugin to Create Equal height Containers and Grids

    JavaScript Grids : jQuery plugin to Create Equal height Containers and Grids

    A simple jQuery plugin to allow users to create equal height containers and grids using JavaScript where CSS2 cannot.

    jQuery tile.js : Lightest jQuery plugin to Tile boxes

    jQuery tile.js : Lightest jQuery plugin to Tile boxes

    jquery.tile.js is the lightest jQuery plugin to tile boxes.

    jQuery Awesome Grid Layout Plugin

    jQuery Awesome Grid Layout Plugin

    Awesome Grid is a jQuery plugin that allows you to display a responsive grid layout stacked on top of each other into rows and columns.

    DYSANIA – jQuery Responsive WordPress Grid Gallery Plugin

    DYSANIA - jQuery Responsive Wordpress Grid Gallery Plugin
    • Fully Responsive Layout
    • Valid HTML5 – CSS3 – Jquery
    • Unlimited Galleries and Filters: Unlimited gallery and filter menu can be added to any post or page
    • Easy to use, user friendly admin panel
    • Highly customizable! All colors, fonts, alignments, icons, hover animations can be changed from plugin settings
    • Photo,video and link gallery item types are available
    • 6 different colorbox style
    • 1,2,3,4,5 column layout options
    • Fits all themes
    • Grid combination
    • 4 different thumbnail resolution option
    • Gallery shortcode generator
    • Custom widget
    • And much more…

    Metro – jQuery WordPress Grid Portfolio

    Metro - jQuery WordPress Grid Portfolio

    METRO – WordPress Grid Portfolio, a WordPress Plugin that shows your portfolio in an interactive way. You can display a single gallery, all galleries within a category and all galleries from multiple categories. Additionally, the plugin supports: Custom image size (percent), Custom link, Video, SoundCloud, Metro UI item, Unlimited colors and much more.

    Features:

    • Fully responsive
    • Load more (unlimited items)
    • Video support
    • SoundCloud support
    • Custom link
    • Metro Item
    • Unlimited colors
    • Smart hover color
    • Initial load number
    • Max Load more number
    • Easy drag and drop admin
    • Filterable portfolio
    • Display: One gallery, One Category, Multiple categories
    • Key navigation for the lightbox (Left/Right arrow and Esc)

    Klax – jQuery Responsive Team, Portfolio, Products Grid

    Klax - jQuery Responsive Team, Portfolio, Products Grid

    Display your work, team members, portfolio or anything else in an amazing and creative way. Klax is a multi-functional jQuery plugin that displays your content within the web page and offers everything that you will ever need to present your items to a client. You can set the number of items that display on a page and create your own design with this team member, portfolio JS plugin.

    Build a Responsive, Filterable Portfolio, with CSS3 Twists

    Build a Responsive, Filterable Portfolio, with CSS3 Twists

    The inherent visual appeal of filterable portfolios (like the Tuts+ hub) has made them very popular. Today, we’ll be making one using straight-forward markup, CSS3 and a little bit of jQuery.

    jBlocks : jQuery layouts Library for Responsive Design way

    jBlocks : jQuery layouts Library for Responsive Design way

    jBlocks is a javascript library that can be used as a jQuery plugin and/or a framework taking care of the layout in a HTML5 application. It allows designing applications that will run on desktops as well as on mobile devices without having to worry much about the details of screen resolution, pixel density and so on.

    jBlocks arranges rectangular blocks into a viewport according to a set of loose preferences given by the developer. The library tries to minimize the spare areas without content in real time. This means the application may add, remove or modify blocks geometry and jBlocks will recalculate and adjust the layout accordingly.

    Features:

    • works on desktops and mobiles
    • comes with a large of predefined block widget classes
    • widget classes can easily be extended
    • support either vertical or horizontal scrolling

    Cube Portfolio : Responsive jQuery Grid Plugin

    Cube Portfolio : Responsive jQuery Grid Plugin

    Cube Portfolio is a powerful jQuery plugin that provides beautiful animated filtering, custom captions and it’s perfect for portfolios, galleries, team members, blog posts or any other ordered content.It plays nice with your existing HTML and CSS, making it a great choice for dynamic and responsive layouts.

    Features:

    • Responsive & centering layout
    • Fully customizable: more than 20+ options
    • You can add unlimited number of items
    • You can add items usign AJAX
    • Responsive built-in lightbox with support for images, youtube and vimeo.
    • Built-in single ajax page with support for any HTML
    • 6 starter templates
    • 10 animations for item grids
    • Filter by categories: group your entries by categories
    • Support for dropdown filtering
    • Lazy Loading function
    • Using CSS Animation with fallBack to jQuery
    • Powerfull API : init, destroy, filter, appendItems, showCounter
    • Adjustable speed, transition, easing and effects for each caption

    jQuery Isotope for Twitter Bootstrap

    jQuery Isotope for Twitter Bootstrap

    Combines the epic powers of Twitter Bootstrap and jQuery Isotope