Best jQuery Gallery Plugins & Tutorials with Demo

    Onyx – jQuery Instagram Gallery

    Onyx - jQuery Instagram Gallery

    Onyx is a premium jQuery gallery with smooth hardware accelerated transitions. It helps you easily get photos and data from your Instagram account (or any users* on Instagram) and display them on your website. Onyx features an unfolding preview effect similar to the preview feature on Google Images. To use it all you need to do is give an Instagram username to the app and set your options.

    Colio – jQuery Responsive Portfolio WordPress Plugin

    Colio - jQuery Responsive Portfolio Wordpress Plugin

    Colio – Responsive WordPress Portfolio Plugin will help you create and manage multiple portfolios for your website with different sets of items and individual settings.

    Features:

    • Responsive
    • Mobile optimized
    • Retina ready controls
    • Unlimited portfolio instances per site
    • Percent based grid with 2-3-4-5 columns
    • Portfolio with 40+ parameters in admin settings
    • Separate post type for portfolio items
    • Item gallery using flexslider and fancybox plugins
    • Social links for every item (total 20 icons)
    • Black and white theme for item details
    • Before, inside or after options for viewport placement
    • Item filtering with Isotope plugin

    BrickWork : jQuery Plugin to Create Dynamic layouts

    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.

    Magnet – jQuery plugin for filterable layouts

    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.

    Justified Gallery : jQuery Plugin

    Justified Gallery : jQuery Plugin

    This is a JQuery plugin that allows you to create an high quality justified gallery of images. Fill all the spaces!
    A common problem, for people who create sites, is to create an elegant image gallery that manages the various sizes of images. Flickr and Google+ manage this situation in an excellent way, the purpose of this plugin is to give you the power of these solutions, with a new fast algorithm.

    Photopile : jQuery Image Gallery

    Photopile : jQuery Image Gallery

    Photopile is a simple javascript/jQuery image gallery simulating a pile of photographs scattered on a surface.

    jQuery JustifyGallery Plugin

    jQuery JustifyGallery Plugin

    A jQuery plugin to justify your Gallery.

    jQuery Portfolio Gallery Tree

    jQuery Portfolio Gallery Tree

    It’s a gallery tree plugin that means every gallery can have one or more sub galleries. It’s perfectly suitable for portfolio gallery. It’s fully responsive and also usable for other purposes like navigation, galleries etc.

    Features :

    • Flat UI.
    • Supported by all major browsers.
    • Responsive design.
    • 5 layouts included.
    • Own layout can be customized.
    • Almost fully css customizable.
    • Metro and iOS7 inspired.

    MixItUp 2 : jQuery Animated Filtering & Sorting Plugin

    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!

    MagicWall : jQuery Responsive Image Grid Plugin

    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