Best jQuery Gallery Plugins & Tutorials with Demo

sdFilterMe : jQuery Portfolio & Gallery Filter Plugin

sdFilterMe : jQuery Portfolio & Gallery Filter Plugin

sdFilterMe  is a simple light-weight jQuery plugin to easily filter and order portfolio, articles, gallery, etc.

jQuery Responsive Mosaic plugin

jQuery Responsive Mosaic plugin

A free plugin for jQuery to build responsive mosaics of images or any other content fitted to match heights in multiple rows while maintaining aspect ratios.

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.

Responsive 3D Folding Panel with jQuery

Responsive 3D Folding Panel with jQuery

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

3D fold effects are pretty popular nowadays, mostly because they have been integrated quite often in mobile apps. A beautiful example is the iOS Peek Calendar app. Thanks to CSS3 transformation and transitions, we can create a similar interaction in the browser!

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.


Best jQuery websites design awards