Best jQuery Gallery Plugins & Tutorials with Demo

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.

OverBox : jQuery Responsive Touch Enabled LightBox Plugin

OverBox : jQuery Responsive Touch Enabled LightBox Plugin

OverBox is a Responsive and Touch Enabled jQuery plugin that helps you present your content in a modern and fresh way giving your customers an amazing viewing experience.

Features:

  • Responsive and Touch Enabled
  • Information and Control Bar
  • IFrame: Youtube, Vimeo, Google, Bing, Yahoo Maps, Instagram e.t.c.
  • HTML5 Video, Flash, Ajax
  • 5 Navigation effects.
  • Keyboard controllable UI.
  • 24 Options to customize it as you need.

Card Expansion Effect with SVG clipPath & jQuery

Card Expansion Effect with SVG clipPath & jQuery

A morphing card expansion effect enhanced by a low poly background animation, using SVG clipPath and Trianglify.We are going to create a experimental grid layout with “cards” where we’ll animate the card expansion with a morphing effect on the cover image and follow its motion with a delightful animation of a low-poly pattern used as the background of the page.

Filterable Product Grid with jQuery & CSS3

Filterable Product Grid with jQuery & CSS3

A responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.This Blueprint is a responsive Isotope-powered product grid layout where each grid item is a Flickity image slider. A small cart icon animation indicates that a product was added to the shopping cart. The product filter utilizes the Isotope filter functionality. Some example media queries are used to show how to make the layout adaptive.

Zoomwall.js : Content-focused Photo Gallery

Zoomwall.js : Content-focused Photo Gallery

Zoomwall.js is a content-focused photo gallery using a horizontal masonry layout that scales up in lightbox mode.

Instaphotos : Instagram user feed with jQuery & PHP

Instaphotos : Instagram user feed with jQuery & PHP

Display Instagram user feed with PHP, jQuery and Handlebars Template.

PolyClip : jQuery plugin to Mask Images

PolyClip : jQuery plugin to Mask Images

A jQuery plugin to mask images with a simple polygonal shape.The mask expands on hover and collapses afterwards.

Pinto : jQuery Grid Layout Plugin

Pinto : jQuery Grid Layout Plugin

Pinto.js is a lightweight and customizable jQuery plugin for creating pinterest like responsive grid layout. Pinto.js is intended for easy use and is fully deployable within minutes. The minified version is under 1KB.

  • lightweight (the minified version is under 1KB)
  • autosize support
  • fluid item width
  • animation (CSS3 transition)