Best jQuery Grid Plugins & Tutorials with Demo

    Grid Accordion – Responsive jQuery WordPress Plugin

    May 21, 2014 | Accordion, Gallery, Plugins, Premium, Responsive, Wordpress
    Grid Accordion - Responsive jQuery WordPress Plugin

    Grid Accordion is a fully responsive and touch-enabled WordPress plugin that combines the functionality of a grid with that of an accordion, offering a modern and engaging user experience.

    Features:

    • Fully Responsive – automatic or custom responsiveness.
    • Touch-enabled – touch-swipe and tap on mobile screens, mouse drag on desktops.
    • Dynamic Content – load images and content from posts, galleries and Flickr.
    • Automatic Updates -update the plugin directly from the Dashboard.
    • Caching – grid accordion instances are automatically cached for improving the load time.
    • Animated layers – layers can be set to display when the panel is opened, or when it’s closed, or all the time.
    • Retina-ready – specify a retina version for each panel image.
    • Lazy Loading – load images only when they are viewed.
    Read More Demo

    jQuery Hover Grid Plugin

    May 20, 2014 | Gallery, Plugins
    jQuery Hover Grid Plugin

    A simple, lightweight jQuery plugin for creating a grid of images which when hovered reveals a caption.

    Read More Demo

    BrickWork : jQuery Plugin to Create Dynamic layouts

    May 3, 2014 | Gallery, Layout, Plugins
    BrickWork : jQuery Plugin to Create Dynamic layouts

    BrickWork is a reponsive jQuery plugin to create Dynamic layouts. The main goal is to create the best and most customizable dynamic layouts plugins.

    Read More Demo

    Magnet – jQuery plugin for filterable layouts

    May 2, 2014 | Gallery, Plugins, Premium
    Magnet - jQuery plugin for filterable layouts

    Magnet is a jQuery plugin to create filterable layouts. Developed to be as simple as possible, Magnet is easy to initialize and to set up. All completed with extensive documentation with code snippets and examples.

    Read More Demo

    Essential Grid WordPress Plugin

    April 25, 2014 | Animation, Plugins, Premium, Responsive, Wordpress
    Essential Grid WordPress Plugin

    Essential Grid is a premium plugin for WordPress that allows you to display various content formats in a highly customizable grid. Possible applications range from portfolios, blogs, galleries, WooCommerce shops, price tables, services, product sliders, testimonials and anything else you can imagine.

    Read More Demo

    MixItUp 2 : jQuery Animated Filtering & Sorting Plugin

    April 14, 2014 | CSS2 / CSS3.0, Gallery, Plugins, Responsive
    MixItUp 2 : jQuery Animated Filtering & Sorting Plugin

    MixItUp is a jQuery plugin providing animated filtering and sorting.

    MixItUp is great for managing any categorized or ordered content like portfolios, galleries and blogs, but can also function as a powerful tool for engaging application UI and data-visualisation.MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts.

    Rather than using absolute positioning to control layout, MixItUp is designed to work with your existing inline-flow layout. Want to use percentages, media queries, inline-block, or even flex box? No problem!

    Read More Demo

    MagicWall : jQuery Responsive Image Grid Plugin

    April 9, 2014 | Animation, Gallery, Plugins, Premium, Responsive
    MagicWall : jQuery Responsive Image Grid Plugin

    MagicWall is a jQuery plugin for creating an image grid that cycles through a set of images using attractive animations at a specific time interval. You can use this plugin to create a decorative element of your website, display your work or simply use it as a nice animated background. MagicWall plugin converts a list of images into a grid with defined number of rows and columns. The remaining images will appear with different animations and delays.

    Features:

    • Responsive grid
    • Hardware Accelerated
    • Fullwidth layout
    • Fullscreen layout
    • Highly customizable
    • 22 Animations
    • Sass files included
    • Small file size
    Read More Demo

    Elastic Columns : jQuery Grid plugin

    April 7, 2014 | Plugins, Responsive
    Elastic Columns : jQuery Grid plugin

    Elastic Columns is a jQuery plugin that was designed to be used as an alternative to the well-known Isotope library. This plugin is lightweight and will suit your needs if you want to build a grid of items using columns with equal widths.

    Read More Demo

    CSS3 3D Grid Effect

    March 29, 2014 | Animation, CSS2 / CSS3.0, Gallery
    CSS3 3D Grid Effect

    Today we’d like to share a little animation concept with you. It’s the recreation of an effect we spotted in this fantastic prototype app by Marcus Eckert. The idea is to rotate a grid item in 3D, expand it into fullscreen and reveal some content. For our attempt to imitate the app behavior, we created two demos. In the first one we rotate the grid item vertically and in the second one horizontally.

    Read More Demo

    Google Grid Gallery with CSS3 & JavaScript

    March 22, 2014 | Core Java Script, CSS2 / CSS3.0, Gallery, Popup Window, Responsive
    Google Grid Gallery with CSS3 & JavaScript

    A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google.

    This Blueprint is a responsive grid gallery based on the gallery by Google for the Chromebook Getting Started guide. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items. For smaller screens we have some example media queries that adjust the grid layout and also the gallery view.

    Read More Demo