Best jQuery Grid Plugins & Tutorials with Demo

    Gridagram : jQuery Dynamic Grid layout Plugin

    Gridagram : jQuery Dynamic Grid layout Plugin

    Manages dynamic grid layout of on screen data like a poor man’s gridster.

    Mp-Mansory.js : jQuery Mansory Gallery using Bootstrap

    Mp-Mansory.js : jQuery Mansory Gallery using Bootstrap

    jQuery plugin to create mansory galleries using bootstrap grid-system.

    Isometric and 3D Grids with CSS3

    Isometric and 3D Grids with CSS3

    Today we’d like to share some isometric grid styles with you. The inspiration comes from the Hotchkiss website where an isometric, scrollable grid is shown with some cool hover effects. In our first experiment we created a scrollable grid just like the one seen on that site, with some hover effects that involve random rotations. The second demo shows some ideas for “static” grids that are not scrollable but that serve more kind of a decorative purpose.

    Waterfall.js : JS Library for Pinterest Grid

    Waterfall.js : JS Library for Pinterest Grid

    Currently the best option today to do this job is Masonry, but it’s very heavy and have dependency of jQuery. Please understand: this isn’t a problem is most cases, but in cases when perfomance and page weight matters, the best case is try other options: maybe pure CSS? It’s possible?

    twitTalk : Realtime Twitter Talk with jQuery Freewall

    twitTalk : Realtime Twitter Talk with jQuery Freewall

    TwitTalk is a very simplistic use of the Twitter API. It encompasses both the search and user profile API to grab both text and media tweets. Right now, it will take the last x amount of tweets from users where the language is determined to be english(en) who have mentioned Kate Spade/Jack Spade or the tweets that are from Kate Spade and Company entities. The layout is built with JQUERY (Freewall.js).

    Instagram Element : Instagram Plugin for jQuery

    Instagram Element : Instagram Plugin for jQuery

    Instagram Element is a premium Instagram plugin for bloggers, photographers, models, and anyone looking to increase their presence on Instagram. Based off the popular Instagram Journal plugin, this jQuery plugin version allows you to easily manage 50+ flexible options and create the perfect display with just a few clicks. Furthermore its’ mobile, responsive design allows you to showcase your photos beautifully on any device!

    Bricks.js : Javascript Masonry Layout Generator

    Bricks.js : Javascript Masonry Layout Generator

    Bricks.js is a blazing fast masonry layout generator for fixed width elements by using javascript.

    Features:

    • No required HTML markup or CSS stylesheet
    • Minimal, powerful, and readable configuration
    • Optional resize handling
    • Optimized handling of dynamically added items

    Polaroid Stack to Grid Intro Animation

    Polaroid Stack to Grid Intro Animation

    A tutorial on how to create an intro animation where a decorative Polaroid stack becomes a grid similar to the effect seen on the takeit website.

    TileJs : Windows Metro Tiles with CSS3 & JavaScript

    TileJs : Windows Metro Tiles with CSS3 & JavaScript

    A Simple javascript replication of the subtle tilting effect when you click a tile in windows 8. Tilejs uses css3 transforms, so it is only supported by modern browsers

    Newscodes : News, Magazine and Blog Elements for WordPress

    Newscodes : News, Magazine and Blog Elements for Wordpress

    News, Magazine and Blog Elements for WordPress! Welcome to the future of your posts! Newscodes will dramatically revolutionize how you use and display your posts and improve the way your visitors interact with your content on news, magazine websites and blogs or just about any project you are working on that uses posts to generate and present content.

    • 20+ awesome Newscodes post layouts
    • Unlimited Newscodes Styles
    • Newscdes Tabbed Elements
    • Newscodes Style Manager and Editor with Preview possibility from the Admin page
    • Support for all Post Types
    • Post Filters
    • Post Taxonomy Filters
    • Post Meta Filters
    • Changeable Filter Relation
    • Ajax Load