Best jQuery Gallery Plugins & Tutorials with Demo

    Squeezebox Portfolio Template in CSS & jQuery

    Squeezebox Portfolio Template in CSS & jQuery

    An intro block that slides out to uncover a gallery of portfolio items.

    We’ve been experimenting with some motion effects to build a simple portfolio template. The idea is to show a gallery of projects as a separate, secondary module, with the first block still partially visible – just one click away.

    Grid Item Animation Layout with CSS3 & JavaScript

    Grid Item Animation Layout with CSS3 & JavaScript

    oday we’d like to share a simple animated grid layout with you. The responsive layout has a sidebar and grid items that animate to a larger content area when clicked. In the first demo the content area fills the grid and in the second demo, the whole layout moves to the left while the grid item is expanding.

    Mikado Grid Gallery for WordPress

    Mikado Grid Gallery for WordPress

    Mikado is a WordPress image gallery based on random grids with a lot of features.

    It’s responsive and images will adapt with a nice and smooth animation when the browser is resized. You just need to decide width (also percentage) and height and Mikado will create a random grid inside the rectangle.

    Features:

    • Fully responsive and fluid layout;
    • Dynamic filters and filtering animations
    • Size of the gallery, width and height. The width can be in percentage so it perfect for responsive sites;
    • Margin between images;
    • 5 Lightboxes;
    • WordPress widget;
    • Multiple galleries on same page;
    • Great for mobile and tablets;

    jQuery lightgallery : Responsive Lightbox Gallery Plugin

    jQuery lightgallery : Responsive Lightbox Gallery Plugin

    A lightweight, customizable, modular, responsive, lightbox gallery plugin for jQuery.

    jstiles : jQuery Animated Tiles Plugin

    jstiles : jQuery Animated Tiles Plugin

    This is a jQuery plugin that works alongside with Bootstrap and helps you create beautiful tiles.

    As a jQuery – Bootstrap plugin, in order to use jsTiles you have to include both jQuery and Bootstrap into your project. You also have to include jQuery easing in order to let animations get smoothly executed.

    Quick Add To Cart in CSS & jQuery

    Quick Add To Cart in CSS & jQuery

    A handy snippet to let users customize a product directly from the products gallery, and add it to the cart.

    Paver : jQuery Panorama/Image Viewer Plugin

    Paver : jQuery Panorama/Image Viewer Plugin

    Replicating the photo viewer/panner seen on the experimental Facebook Pages app, Paver is a jQuery-powered plugin that enables easy viewing of wide/panoramic images.

    CSS Scroll Snap Galleries

    CSS Scroll Snap Galleries

    Scroll snapping is used widely for a better separation of the provided content (vertical full height pages) or, for example, to emulate galleries behavior.Can you imagine how easy would be creating such effects using CSS only?

    jQuery Smooth Gallery

    jQuery Smooth Gallery

    A 3KB script to generate a slick paginated gallery & lightbox viewer. Oh, and it’s fully responsive.

    jQuery XML Product Showcase & Quote Cart

    jQuery XML Product Showcase & Quote Cart

    JQuery XML Product Showcase & Quote Cart is solutions for those who needs to display products & and get a request for Quote by their customers its powered by jQuery, XML & Bootstrap. Using this product you can list unlimited categories & its products, where buyers can request a quote for those products. One can use this product very easily as customer just need to click on Add for Quote button products goes in cart &anp; then they can submit request for the same, You will get an email with request details. So you can resopond to it.