Best jQuery Gallery Plugins & Tutorials with Demo

    3D Portfolio Template in CSS & jQuery

    3D Portfolio Template in CSS & jQuery

    A portfolio template, with a filter that triggers the rotation of 3D sections.

    CSS 3D Transforms can be used in plenty of creative ways, particularly if combined with CSS Transitions! Today’s nugget is a good example of how to use CSS to create a parallelepiped, whose faces are different projects. A filter on top of the page triggers the 3D rotations that reveal new projects.

    Masonry Hybrid : jQuery Multiple Columns & Resize Item

    Masonry Hybrid : jQuery Multiple Columns & Resize Item

    Masonry Hybrid is a multi columns layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid.

    Product Builder with CSS and jQuery

    Product Builder with CSS and jQuery

    A customizable and responsive product builder for your online store.Product builders are useful shopping tools, that allow potential customers to “build” an ideal version of a product by combining different options. At the end of this process the user is generally given an action to perform: save the build, share it or buy the product directly.

    jQuery Responsive Bootstrap Portfolio And Lightbox

    jQuery Responsive Bootstrap Portfolio And Lightbox

    A set of responsive Bootstrap Portfolio And Lightbox contains bootstrap portfolio gallery, bootstrap lightbox gallery, bootstrap carousel with thumbnails and also support YouTube videos, vimeo video, self hosted videos etc with new features.

    • 18 Light-boxes
    • 7 Colors Schemes
    • 6 Slider Portfolios
    • 18 Simple Portfolios
    • Built With Bootstrap 3.x
    • 3 Background Colors Schemes
    • 2,3,4,5,6 columns grid portfolios
    • 100% Responsive And Mobiles friendly
    • YouTube, Vimeo and Self hosted Videos Support

    Cool CSS Loading Effects for Grid Images

    Cool CSS Loading Effects for Grid Images

    TutsMix has shared with us some cool CSS loading effects for grid images. You can use them on your portfolio, blog, or anywhere you want. The setup is quite simple. We use Normalize.css as an alternative to the traditional CSS reset, ZURB Foundation to create a responsive grid, Masonry to create a dynamic grid layout, imagesLoaded to check if the images have been loaded, and Infinite Scroll by Paul Irish to load more images and append them to the gallery.

    Products side by side Comparison using jQuery

    Products side by side Comparison using jQuery

    This jQuery plugin helps users to select products for comparison. Where user needs to click on products to add them for comparison. It also contains preview panel of selected products for comparison.

    Lightgallery.js : JavaScript Lightbox Gallery

    Lightgallery.js : JavaScript Lightbox Gallery

    Lightgallery.js is a full featured JavaScript lightbox gallery. No dependencies.

    • Fully responsive.
    • Modular architecture with built in plugins.
    • Touch support for mobile devices.
    • Mouse drag supports for desktops.
    • Double-click/Double-tap to see actual size of the image.
    • Animated thumbnails.
    • Social media sharing.
    • YouTube, Vimeo, Dailymotion, VK and HTML5 video support.
    • 20+ Hardware-Accelerated CSS3 transitions.
    • Full screen support.
    • Supports zoom.

    Images Grid jQuery Plugin

    Images Grid jQuery Plugin

    Images grid jQuery plugin.Display first 6 images in grid view.Rest of images can be viewed in modal box.

    Rotate Gallery : jQuery Portfolio Slider

    Rotate Gallery : jQuery Portfolio Slider

    This jQuery plugin allows you to create unique and effective photo gallery or portfolio.

    The wide range of created configurations sets, themes and animations make this plugin enjoyable and configurable in a simple way.

    jQuery Clouds Album Plugin

    jQuery Clouds Album Plugin

    This is an open source-based JavaScript library jQuery Image Gallery script plugins. Code syntax in full compliance with W3C web standards, is fully compatible with all major browsers.
    This plug-in is mainly used for image display, it can be extended to the album.