Best jQuery Gallery Plugins & Tutorials with Demo

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)

superRetroid : jQuery Retro Video Game Galleries

superRetroid : jQuery Retro Video Game Galleries

You’re most likely looking for something specific – not a generic plugin that will bend to your needs. CodeDroid12 plugins are not all-in-one or multipurpose. They’re built to serve one specific task well – and usually with a quick Copy & Paste approach.

  • Includes 2 Sega Genesis PSD Mockups
  • Installs in seconds
  • Easily customizable
  • Responsive and lightweight
  • Unique retro video game hover effects

instafetch : jQuery Fetch Instagram media Plugin

instafetch : jQuery Fetch Instagram media Plugin

Instafetch fetches media from Instagram based on (and only on) the user and/or tag, relying on the Instagram API.

Stackgrid.js : jQuery plugin for Stacking Stuff

Stackgrid.js : jQuery plugin for Stacking Stuff

A very simple and highly customizable jQuery plugin for stacking stuff.

3D Folding Panel with CSS3 & jQuery

3D Folding Panel with CSS3 & jQuery

A secondary content panel that folds flat, powered by CSS Transformations and jQuery.



Best jQuery websites design awards