47 jQuery Gallery plugins

Collection of hand-picked awesome jQuery Gallery plugins. Listed tutorials well played with 3d, gradients, Animation etc. some of the jQuery Galleries are having beautiful animation effects using transitions. Demo and download available on each tutorial. jQuery Gallery can be used directly without any changes and could be small changes based on your needs.

Article will be helpful for designers and non-coders too.

1) jQuery Flickr Photoset

Demo Image: jQuery Flickr Photoset

jQuery plugin for generating photoset gallery using Bootstrap and Bootstrap Image Gallery.

Demo / Tutorial:
DemoGithub Page
Created By:
Primož Hadalin
May 05, 2014
Github activity
9 stars
3 watchers
Made with:
HTML, CSS and jQuery

2) jQuery Flickr Photo Gallery Plug-In

Demo Image: jQuery Flickr Photo Gallery Plug-In

The jQuery Flickr Gallery Plug-In

Demo / Tutorial:
DemoGithub Page
Created By:
J.P. Given
June 25, 2010
Github activity
41 stars
4 watchers
Made with:
HTML, CSS and jQuery

3) ZOOM – jQuery photo gallery plugin

Demo Image: ZOOM – jQuery photo gallery plugin

jQuery photo gallery plugin. Works on: Chrome, Firefox, Safari, Opera and IE7+

Demo / Tutorial:
DemoGithub Page
Created By:
Robert Călin
April 23, 2012
Github activity
25 stars
3 watchers
Made with:
HTML, CSS and jQuery

4) jQuery.GI.TheWall.js

Demo Image: jQuery.GI.TheWall.js

This plugin could be used to create easily an image gallery similar to the google image search

Demo / Tutorial:
DemoGithub Page
Created By:
Gold Interactive
November 12, 2013
Github activity
137 stars
18 watchers
Made with:
HTML, CSS and jQuery

5) Image Gallery Threejs

Demo Image: Image Gallery Threejs

Threejs Based Gallery on Jquery

Demo / Tutorial:
DemoGithub Page
Created By:
blockhead123
September 30, 2014
Github activity
25 stars
6 watchers
Made with:
HTML, CSS and jQuery

6) jBox jquery gallery

Demo Image: jBox jquery gallery

jBox is a jQuery plugin that makes it easy to create customizable tooltips, modal windows, image galleries and more.

Demo / Tutorial:
DemoGithub Page
Created By:
Stephan Wagner
April 19, 2014
Github activity
996 stars
90 watchers
Made with:
HTML, CSS and jQuery

7) Hugo easy gallery

Demo Image: Hugo easy gallery

Automagical css image gallery in Hugo using shortcodes, with optional lightbox/carousel gadget using PhotoSwipe and jQuery.

Demo / Tutorial:
DemoGithub Page
Created By:
Li-Wen Yip
March 24, 2017
Github activity
188 stars
14 watchers
Made with:
HTML, CSS and jQuery

8) jQuery Responsive Thumbnail Gallery Plugin

Demo Image: jQuery Responsive Thumbnail Gallery Plugin

jQuery Plugin for creating image galleries that scale to fit their container.

Demo / Tutorial:
DemoGithub Page
Created By:
John Polacek
November 15, 2011
Github activity
95 stars
13 watchers
Made with:
HTML, CSS and jQuery

9) Bootstrap Photo Gallery jQuery plugin

Demo Image: Bootstrap Photo Gallery jQuery plugin

A jQuery plugin that will automatically create a Photo Gallery based on an unordered list of images. Supports image captions, modal, with “next” and “previous” paging. Plugin requires Bootstrap and jQuery.

Demo / Tutorial:
DemoGithub Page
Created By:
Michael Soriano
February 06, 2016
Github activity
140 stars
16 watchers
Made with:
HTML, CSS and jQuery

10) Photor jQuery photo gallery

Demo Image: Photor jQuery photo gallery

Photor is a minimalistic lightweight jQuery gallery with touch devices support.

Demo / Tutorial:
DemoGithub Page
Created By:
2GIS
March 24, 2014
Github activity
78 stars
53 watchers
Made with:
HTML, CSS and jQuery

11) jQuery gallery plugin google plus gallery

Demo Image: jQuery gallery plugin google plus gallery

Gallery that resizes the images to fit the container width and show zoomed in images on hover.

Demo / Tutorial:
DemoGithub Page
Created By:
Ionel Cristian Mărieș
November 08, 2011
Github activity
124 stars
7 watchers
Made with:
HTML, CSS and jQuery

12) Balanced Gallery

Demo Image: Balanced Gallery

Balanced Gallery is a jQuery plugin that evenly distributes photos across rows or columns, making the most of the space provided. Photos are scaled based on the size of the ‘container’ element by default, making Balanced Gallery a great choice for responsive websites.

Demo / Tutorial:
DemoGithub Page
Created By:
Ryan
August 20, 2013
Github activity
156 stars
12 watchers
Made with:
HTML, CSS and jQuery

13) Photopile JS

Demo Image: Photopile JS

Photopile JS is a JavaScript/jQuery image gallery that simulates a pile of photos scattered about on a surface. Thumbnail clicks remove photos from the pile, (enlarging them as if being picked up by the user), and once in view a secondary click returns the photo to the pile. Thumbnails are draggable, enhancing the experience by allowing photos buried deep in the pile to be uncovered.

Demo / Tutorial:
DemoGithub Page
Created By:
Brian
April 24, 2014
Github activity
79 stars
15 watchers
Made with:
HTML, CSS and jQuery

14) Responsive jQuery Gallery Plugin

Demo Image: Responsive jQuery Gallery Plugin

A Responsive jQuery Gallery Plugin with CSS3 Animations

Demo / Tutorial:
DemoGithub Page
Created By:
Sara Soueidan
July 11, 2013
Github activity
402 stars
50 watchers
Made with:
HTML, CSS and jQuery

15) lightbox gallery plugin for jQuery

Demo Image: lightbox gallery plugin for jQuery

A lightbox gallery plugin for jQuery. Adds lightbox galleries to jQuery. Heavily customizable, easy to use, and built to support images, videos (YouTube, Vimeo, Wistia, Brightcove), Soundcloud tracks, IFRAMEs, and AJAX content. Requires jQuery 1.7+.

Demo / Tutorial:
DemoGithub Page
Created By:
ajlkn
October 30, 2013
Github activity
237 stars
22 watchers
Made with:
HTML, CSS and jQuery

16) Justified.js jQuery Plugin

Demo Image: Justified.js jQuery Plugin

jQuery Plugin to create Justified Image Gallery

Demo / Tutorial:
DemoGithub Page
Created By:
Nitin Hayaran
June 27, 2014
Github activity
525 stars
33 watchers
Made with:
HTML, CSS and jQuery

17) Unite Gallery

Demo Image: Unite Gallery

Unite Gallery – Responsive jQuery Image and Video Gallery Plugin. Aim to be the best gallery on the web on it’s kind.

Demo / Tutorial:
DemoGithub Page
Created By:
Max Valiano
December 28, 2014
Github activity
471 stars
49 watchers
Made with:
HTML, CSS and jQuery

18) Jānis Skarnelis

Demo Image: Jānis Skarnelis

jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.

Demo / Tutorial:
DemoGithub Page
Created By:
Jānis Skarnelis
January 10, 2017
Github activity
6056 stars
308 watchers
Made with:
HTML, CSS and jQuery

Dependencies

jQuery 3+ is preferred, but fancybox works with jQuery 1.9.1+ and jQuery 2+

Compatibility

fancybox includes support for touch gestures and even supports pinch gestures for zooming. It is perfectly suited for both mobile and desktop browsers.

fancybox has been tested in following browsers/devices:

  • Chrome
  • Firefox
  • IE10/11
  • Edge
  • iOS Safari
  • Android 7.0 Tablet

Important

  • Make sure you add the jQuery library before the fancybox JS file
  • If you already have jQuery on your page, you shouldn’t include it second time
  • Do not include both fancybox.js and fancybox.min.js files
  • Some functionality (ajax, iframes, etc) will not work when you’re opening local file directly on your browser, the code must be running on a web server

19) Magnific Popup

Demo Image: Magnific Popup

Fast, light, mobile-friendly and responsive lightbox and modal dialog plugin. Open inline HTML, ajax loaded content, image, form, iframe (YouTube video, Vimeo, Google Maps), photo gallery. Animation effects added with CSS3 transitions. For jQuery or Zepto.

Demo / Tutorial:
DemoGithub Page
Created By:
Dmitry Semenov
November 15, 2013
Github activity
10623 stars
409 watchers
Made with:
HTML, CSS and jQuery

20) jQuery Zoomooz

Demo Image: jQuery Zoomooz

Zoomooz is an easy-to-use jQuery plugin for making any web page element zoom.

Demo / Tutorial:
DemoGithub Page
Created By:
Janne Aukia
March 02, 2013
Github activity
1727 stars
68 watchers
Made with:
HTML, CSS and jQuery

21) Fotorama powerful jQuery gallery

Demo Image: Fotorama powerful jQuery gallery

A simple, stunning, powerful jQuery gallery.

Demo / Tutorial:
DemoGithub Page
Created By:
Artem Polikarpov
August 25, 2014
Github activity
1489 stars
75 watchers
Made with:
HTML, CSS and jQuery

22) jQuery Photobox

Demo Image: jQuery Photobox

A lightweight CSS3 image gallery plugin for jQuery that is pretty to look and and easy to use.

Demo / Tutorial:
DemoGithub Page
Created By:
Yair Even Or
February 06, 2013
Github activity
709 stars
77 watchers
Made with:
HTML, CSS and jQuery

23) jQuery nanoGALLERY

Demo Image: jQuery nanoGALLERY

Image gallery simplified. Touch enabled, responsive, justified/cascading/grid layout and it supports cloud storage. Featuring multi-level navigation in albums, lightbox, combinable hover effects on thumbnails, slideshow, fullscreen, pagination, image lazy load, themes, deep linking, browser back/forward navigation, i18n, and pulling in Flickr, Picasa and Google+ photo albums among others.

Demo / Tutorial:
DemoGithub Page
Created By:
Kris_B
September 16, 2014
Github activity
443 stars
42 watchers
Made with:
HTML, CSS and jQuery

24) Elegant Professional Endless Justified Gallery

Demo Image: Elegant Professional Endless Justified Gallery

This is a JQuery plugin that allows you to create an high quality justified gallery of images. Fill all the spaces!

Demo / Tutorial:
DemoGithub Page
Created By:
Miro Mannino
June 08, 2014
Github activity
1240 stars
59 watchers
Made with:
HTML, CSS and jQuery

25) jQuery lightGallery

Demo Image: jQuery lightGallery

JQuery lightGallery is a lightweight jQuery lightbox gallery for displaying image and video gallery.

Demo / Tutorial:
DemoGithub Page
Created By:
Sachin N
September 16, 2014
Github activity
3467 stars
137 watchers
Made with:
HTML, CSS and jQuery

26) jQuery blueimp Gallery

Demo Image: jQuery blueimp Gallery

jQuery Image Gallery displays images with the touch-enabled, responsive and customizable blueimp Gallery carousel in the dialog component of jQuery UI. It features swipe, mouse and keyboard navigation, transition effects and on-demand content loading and can be extended to display additional content types.

Demo / Tutorial:
DemoGithub Page
Created By:
Sebastian Tschan
July 02, 2014
Github activity
3112 stars
257 watchers
Made with:
HTML, CSS and jQuery

27) jQuery facyBox

Demo Image: jQuery facyBox

facebok with fancybox styles. Supports ajax, images, gallery, html.

Demo / Tutorial:
DemoGithub Page
Created By:
Mauricio Wolff
January 23, 2013
Github activity
134 stars
9 watchers
Made with:
HTML, CSS and jQuery

28) Galereya gallery

Demo Image: Galereya gallery

Responsive, easily customizable gallery with a masonry layout

Demo / Tutorial:
DemoGithub Page
Created By:
Ilya Caulfield
April 05, 2014
Github activity
118 stars
9 watchers
Made with:
HTML, CSS and jQuery

29) jQuery fullsizable

Demo Image: jQuery fullsizable

jQuery plugin to make use of the full available browser space for enjoyable image viewing. Also supports the native HTML5 fullscreen API in modern browsers.

Demo / Tutorial:
DemoGithub Page
Created By:
Matthias Schmidt
September 03, 2014
Github activity
88 stars
10 watchers
Made with:
HTML, CSS and jQuery

30) jQuery mb.bgndGallery

Demo Image: jQuery mb.bgndGallery

This plugin let you create A flexible photo gallery that you can use also as background of your site.

Demo / Tutorial:
DemoGithub Page
Created By:
jquery.mb.components
May 07, 2014
Github activity
45 stars
8 watchers
Made with:
HTML, CSS and jQuery

31) jGallery – FREE jQuery photo gallery and slider with albums and preloader

Demo Image: jGallery – FREE jQuery photo gallery and slider with albums and preloader

FREE jQuery photo gallery and slider with albums, preloader and 3D transitions effect. Unlimited scalability, compatible with all major browsers, retina friendly. Released under the MIT license.

Demo / Tutorial:
DemoGithub Page
Created By:
jakubkowalczyk-pl
August 19, 2014
Github activity
83 stars
15 watchers
Made with:
HTML, CSS and jQuery

32) jQuery Lighter

Demo Image: jQuery Lighter

Lighter is a jQuery plugin created to provide zoomable content like other lightbox plugins.

Demo / Tutorial:
DemoGithub Page
Created By:
Kevin Sylvestre
June 15, 2014
Github activity
56 stars
5 watchers
Made with:
HTML, CSS and jQuery

33) kGallery

Demo Image: kGallery

kGallery is a gallery written on JavaScript using jQuery library. Able to work with hundreds of pictures.

Demo / Tutorial:
DemoGithub Page
Created By:
Andrew Kondratev
February 01, 2014
Github activity
15 stars
8 watchers
Made with:
HTML, CSS and jQuery

34) jQuery Museum

Demo Image: jQuery Museum

A single-file, minimalist jQuery image gallery.

Demo / Tutorial:
DemoGithub Page
Created By:
Murat Ayfer
April 20, 2014
Github activity
13 stars
2 watchers
Made with:
HTML, CSS and jQuery

35) jQuery fast Slider / gallery

Demo Image: jQuery fast Slider / gallery

Simple images slider & overlay gallery

Demo / Tutorial:
DemoGithub Page
Created By:
CreoArt
December 24, 2013
Github activity
3 stars
1 watchers
Made with:
HTML, CSS and jQuery

36) flipGallery – jQuery Powered Animated Photo Gallery

Demo Image: flipGallery – jQuery Powered Animated Photo Gallery

A photo gallery with sleek flipping transitions between thumbnails and lightbox enlargements. Other features include dynamic image streaming, auto pagination, auto cropping and transparent image overlay. The layout, speed, co-ordination and text can easily be modified in the settings.

Demo / Tutorial:
DemoGithub Page
Created By:
flipGallery
May 15, 2014
Github activity
7 stars
2 watchers
Made with:
HTML, CSS and jQuery

37) Superbox

Demo Image: Superbox

SuperBox takes the whole ‘image’ and ‘lightbox’ one step further, reducing the JavaScript and image load dependence to make lightboxing a thing of the past! Using HTML5 data-* attributes, responsive layouts and jQuery, here’s SuperBox. SuperBox works wonders as a static image gallery, which you can click to reveal a full version of the image. Each image in the demo is the same size, but SuperBox supports any image size.

Demo / Tutorial:
DemoGithub Page
Created By:
Adam Merrifield
June 20, 2013
Github activity
26 stars
6 watchers
Made with:
HTML, CSS and jQuery

38) PgwSlideshow

Demo Image: PgwSlideshow

Responsive slideshow / gallery / carousel

Demo / Tutorial:
DemoGithub Page
Created By:
Pagawa
September 26, 2014
Github activity
102 stars
11 watchers
Made with:
HTML, CSS and jQuery

39) Gallerie – Gallery Image Viewer

Demo Image: Gallerie – Gallery Image Viewer

Gallerie is a plugin that offers a lightbox-like gallery viewer of a collection of images. It features a simple overlay with a scrollable thumbnail list, image loading hint, as well as an image caption and index. The overlay thumbnails automatically scroll with the user’s mouse and can be activated by click or custom event. Several methods exist to allow for extending the plugin with richer functionality through javascript.

Demo / Tutorial:
DemoGithub Page
Created By:
Patrick Brown
April 18, 2013
Github activity
16 stars
5 watchers
Made with:
HTML, CSS and jQuery

40) Ion Zoom Easy and light image lightbox

Demo Image: Ion Zoom Easy and light image lightbox

Easy image lightbox jQuery plugin for small galleries. Allow to zoom images at place.

Demo / Tutorial:
DemoGithub Page
Created By:
Denis Ineshin
June 08, 2013
Github activity
31 stars
8 watchers
Made with:
HTML, CSS and jQuery

41) Youtube video gallery

Demo Image: Youtube video gallery

This is a very simple plugin to display a group of youtube video links as a gallery.

Demo / Tutorial:
DemoGithub Page
Created By:
Patrick
June 14, 2013
Github activity
21 stars
8 watchers
Made with:
HTML, CSS and jQuery

42) Simple image gallery plugin

Demo Image: Simple image gallery plugin

A simple image gallery jQuery plug-in.

Demo / Tutorial:
DemoGithub Page
Created By:
Steve Rydz
January 03, 2014
Github activity
2 stars
3 watchers
Made with:
HTML, CSS and jQuery

43) jQuery Visage

Demo Image: jQuery Visage

jQuery Visage provides a stable (no partially displayed elements), robust (it closes when you click close), styleable (CSS), customizable (you can reprogram many aspects of its behavior) and clean (being an jQuery plugin) way to display a series of images in a lightbox-like way.

Demo / Tutorial:
DemoGithub Page
Created By:
Mitar
March 27, 2013
Github activity
8 stars
2 watchers
Made with:
HTML, CSS and jQuery

44) Image gallery plugin

Demo Image: Image gallery plugin

Image gallery jquery plugin with drag and drop

Demo / Tutorial:
DemoGithub Page
Created By:
Szymon Frankowski
July 09, 2014
Github activity
0 stars
2 watchers
Made with:
HTML, CSS and jQuery

45) ImageCloud is a jQuery plug-in

Demo Image: ImageCloud is a jQuery plug-in

ImageCloud is a jQuery plug-in based on Google’s Doodle designed for the Christmas holidays on 2010.

Demo / Tutorial:
DemoGithub Page
Created By:
Alvaro Montoro
August 07, 2014
Github activity
0 stars
1 watchers
Made with:
HTML, CSS and jQuery

46) Galpop Image Gallery

Demo Image: Galpop Image Gallery

Galpop is an image gallery and content pop-up that can display images, HTML and iframes. It can be controlled with the left and right arrow keys and automatically resizes with your browser.

Demo / Tutorial:
DemoGithub Page
Created By:
Richard Hung
December 07, 2013
Github activity
0 stars
0 watchers
Made with:
HTML, CSS and jQuery

47) Visual jQuery Lightbox Beautiful jQuery Lightbox

Demo Image: Visual jQuery Lightbox Beautiful jQuery Lightbox

Visual LightBox is a web photo galleries with a nice Lightbox-style overlay effect. * Cross-browser – works perfectly on all browsers (including IE6) * Responsive – smoothly adapts to any browser resolutions and device screens * Mobile-ready – optimized for Android and iOS devices * Search engine friendly and semantically valid * Unobtrusive – even without Javascript, the images are still accessible * Huge collection of fancy Lightbox themes – see live demos * Keyboard navigation – use left/right arrow key to navigate * Floating and smooth cross-fade transition * Lightweight

Demo / Tutorial:
DemoGithub Page
Created By:
Dmitry Semenov
May 13, 2015
Github activity
10617 stars
410 watchers
Made with:
HTML, CSS and jQuery
W3TWEAKS
Latest posts by W3TWEAKS (see all)

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *