Collection of free jQuery gallery code examples and plugins from Codepen and Github. Update of October 2021 collection. 8 new items.
Related Articles
Links
Made with
- HTML / CSS / JS
About a code
Gallery Details
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, sortable.js
Links
Made with
- HTML (Pug) / CSS (SCSS) / JS
About a code
The Gallery
A gallery powered by Unsplash's API, with some fun details added.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS / JS
About a code
Leafing Through a Stack
Rifle through some photos.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: bootstrap.css
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Gallery - Tilt Hover Effect
jQuery gallery with tilt hover effect.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: tilt.jquery.js
Links
Made with
- HTML (Pug) / CSS (SCSS) / JS
About a code
Photo Gallery
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: slick.css, slick.js, tilt.jquery.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
jQuery Gallery
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Photo Gallery
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Night at the Museum of Very Good Boys
3D CSS photo gallery of delightful doggos.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML (Haml) / CSS (Sass) / JS (CoffeeScript)
About a code
Magnific Gallery
Nice responsive gallery with: 1. CSS columns; 2. roll over, hover caption; 3.Magnific Popup script; 4. zoom in effect; 5. Haml & Sass & CoffeeScript.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: magnific-popup.css, jquery.magnific-popup.js
Links
Made with
- HTML / CSS / JS
About a code
Simple Image Gallery with Magnific-Popup.js
This simple and clean looking image gallery was created with the magnific-popup jQuery plugin.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: jquery.magnific-popup.js
Links
Made with
- HTML (Pug) / CSS (SCSS) / JS
About a code
Travel Gallery
Travel gallery Flexbox and CSS animations, transitions.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS / JS
About a code
Responsive Portfolio Gallery
Sorting and search image with this flexible masonry module.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: masonry.js, isotope.js
Links
Made with
- HTML / CSS / JS
About a code
Lightbox Gallery
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, bootstrap.css
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
3D Tilted Scrolling Image Gallery
Here's a nice 3D tilted scrolling image gallery implemented using Pete Rojwongsuriya's jquery.tilted-pagescroll.js
plug-in.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Full Width Vertical Gallery
Just a full width vertical gallery/content with a toggle description.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -

- 9979 stars
- 423 watchers
Magnific Popup
Fast, light and responsive lightbox plugin, for jQuery and Zepto.js.
Features- light and modular
- fast
- conditional lightbox
- content is resized with CSS
- High-DPI (Retina) display support
- memory management

- 5257 stars
- 307 watchers
Fancybox
jQuery lightbox script for displaying images, videos and more. Touch enabled, responsive and fully customizable.
Features- mobile first: looks great on every device. Supports most common touch gestures - double-tap, pinch-in and pinch-out for image viewing; horizontal swipe for navigation
- multiple instances: it is possible to open a modal while another is still visible
- quick & easy setup: just two files. Can be implemented without writing a single line of JavaScript
- automatic content recognition: supports most popular sites as YouTube, Vimeo and Google maps out of the box
- GPU accelerated: hardware accelerated animations for better performance
- responsive: set content dimensions using any CSS unit and the browser will do the rest. All graphics, including loading icon, are created with CSS only

- 3019 stars
- 139 watchers
lightGallery
A customizable, modular, responsive, lightbox gallery plugin for jQuery.
Features- responsive
- touch and drag
- animated thumbnails
- dynamic mode
- HTML5 videos
- social sharing
- responsive images
- modular
- super customizable
- youtube vimeo support
- 20+ animations
- zoom & fullscreen
- smart preloading
- browser history

- 2743 stars
- 238 watchers
Blueimp Gallery
Blueimp Gallery is a touch-enabled, responsive and customizable image & video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers. It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support and on-demand content loading.

- 1867 stars
- 108 watchers
SwipeBox
Swipebox is a jQuery "lightbox" plugin for desktop, mobile and tablet.
Features- swipe gestures for mobile
- keyboard Navigation for desktop
- CSS transitions with jQuery fallback
- retina support for UI icons
- easy CSS customization

- 1443 stars
- 75 watchers
Fotorama
A simple, stunning, powerful jQuery gallery.

- 1250 stars
- 47 watchers
Chocolat
Chocolat.js enables you to display one or several images staying on the same page. The choice is left to the user to group together a series of pictures as a link, or let them appear as thumbnails. The viewer may appears full-page or in a block.
Features- either for noobs or veterans: Chocolat.js comes with an API and multiples CSS classes which make it very handy to use for advanced users, and very easy to use for noobs
- crossbrowser: Chocolat.js works well with all major browser. It has been tested on IE7+, firefox, chrome, opera, safari
- light: Chocolat.js is only 23 kb and reaches 10 kb once minified
- responsive: Chocolat.js works on desktop, tablet & mobile, you can also define your own breakpoints

- 1069 stars
- 54 watchers
Justified Gallery
jQuery plugin that allows you to create a gallery with a justified grid.
Features- don't miss a pixel: an advanced algorithm to justify your images without cropping them
- infinite scroll ready: ready to realize an infinite wall of images. Append the images to your gallery and only notify that to Justified Gallery
- high quality: ready for any device and screen resolution. Up to six thumbnails to always guarantee the best quality of your images
- dynamic gallery: filter, sort, randomize, add or remove the images. Do what you want with the gallery, even after it has been created
- easy lightboxes integration: use existing lightboxes such as Colorbox or Swipebox
- highly configurable: a lot of options to build the gallery you want
- captions: fully configurable awesome captions to your images
- responsiveness: the gallery resizes itself as the browser
- fast by design: born to be fast, with a smart thumbnails load
- silent error handling: manage the server errors skipping the temporarily unavailable images, and notifying that just only in the console

- - stars
- - watchers
SIDEWAYS
A simple, yet elegant fullscreen image gallery created with the jQuery library and CSS. The gallery features fullscreen images in various modes and custom scrollbars.

- 909 stars
- 83 watchers
jBox
jBox is a jQuery plugin that makes it easy to create customizable tooltips, modal windows, image galleries and more.
Features- lightweight: less than 20KB when minified and gzipped
- extendable: easily create your own jBox plugins with custom behaviors
- responsive: jBox adjust to all your devices

- 636 stars
- 29 watchers
Photoset Grid
A simple jQuery plugin to arrange images into a flexible grid, based on Tumblr's photoset feature.

- 493 stars
- 29 watchers
Justified.js
Justified.js is a jQuery plugin that creates a justified image grid of supplied images. Fill all the spaces! This ineffect creates a elegant image gallery with various sizes of images, where all the images of a row to have the same height.

- 433 stars
- 40 watchers
nanoGALLERY
Image gallery simplified. Touch enabled, fully responsive, justified/cascading/grid layout and supporting cloud storage. Featuring multi-level navigation in albums, combinable hover effects on thumbnails, responsive thumbnail sizes, multiple layouts, slideshow, fullscreen, pagination, image lazy load, themes, deep linking, customizable, i18n, and pulling in Flickr or Picasa/Google+/Google Photos photo albums among others.

- 427 stars
- 21 watchers
simplelightbox
Touch-friendly image lightbox for mobile and desktop with jQuery.
Features- responsive
- touchfriendly
- swipe gestures for next/previous image
- easy to install, easy to use
- minimalistic
- only some css is included. You can change the style like you want!
- lots of options
- preloading next and previous image
- Android, iOs and Windows phone support
- CSS3 Transitions with fallback for older browsers
- works in every modern Browser, even in IE 9+
- can use jQuery 1.x,2.x and 3.x
- keyboard support

- 404 stars
- 50 watchers
S Gallery
A responsive jQuery gallery plugin with CSS3 animations (with touch/swipe support).

- 398 stars
- 44 watchers
Unite Gallery
Unite Gallery - responsive jQuery image and video gallery plugin. Aim to be the best gallery on the web on it's kind.
Features- the gallery plays video from: Youtube, Vimeo, HTML5, Wistia and SoundCloud (not a video but still )
- responsive - fits to every screen with automatic ratio preserve
- touch Enabled - every gallery parts can be controlled by the touch on touch enabled devices
- responsive - the gallery can fit every screen size, and can respond to a screen size change
- skinnable - allow to change skin with ease in different CSS file without touching main gallery CSS
- themable - the gallery has various of themes, each theme has it's own options and features, but it uses gallery core objects
- zoom Effect - the gallery has unique zoom effect that could be applied within buttons, mouse wheel or pinch gesture on touch - enabled devices
- gallery Buttons - the gallery has buttons on it, like full screen or play/pause that optimized for touch devidces access
- keyboard controls - the gallery could be controlled by keyboard (left, right arrows)
- tons of options - the gallery has huge amount of options for every gallery object that make the customization process easy and fun
- powerfull API - using the gallery API you can integrate the gallery into your website behaviour and use it with another items like lightboxes etc.

- 384 stars
- 34 watchers
Gridder
A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.
Features- multiple instances
- really easy to use and customize
- expanding preview with details
- smooth scrolling
- callbacks (so you can launch other plugins)

- 181 stars
- 15 watchers
Shuffle Images
Shuffle Images let you display and shuffle multiple images by moving cursor around or several other ways to trigger.This plugin is perfect for when you want to save space while allowing users to take a peak at what other images are related to the one displayed. It can also be used to create an interactive animation on multiple static images at once.

- 179 stars
- 12 watchers
jQuery FlexImages
A lightweight jQuery plugin for creating fluid galleries as seen on Flickr and Google Images.
Features- lightweight: 1.4 kB of JavaScript - less than 0.7 kB gzipped
- source images/objects can have any size
- works with more than just images, e.g. videos, iframes and plain text
- responsive
- equal margins between images controlled via CSS
- no cropping or reordering
- AJAX ready, e.g. for infinite scrolling
- support for lazy loading of images and iframe contents
- layout options to control e.g. the maximum number of rows - or whether or not to display an incomplete (last) row.

- 158 stars
- 16 watchers
nanoGallery 2
nanoGallery2 is a javascript library for building beautiful, modern and high-quality image galleries for your website or your blog.
Features- thumbnail display animations
- thumbnails hover effects, photo albums, lightbox, social sharing
- multiple layouts, builder for online testing
- content source: self hosted photos, Flickr, Google Photos
- shopping cart
- keyword filtering
- blurred images for thumbnail preview
- API, callbacks, events
- endless customization

- 156 stars
- 11 watchers
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.

- 138 stars
- 17 watchers
jQuery.GI.TheWall.js
This plugin could be used to create easily an image gallery similar to the google image search.

- 116 stars
- 11 watchers
Bootstrap Photo Gallery
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. Current version Bootstrap 4.

- 110 stars
- 15 watchers
jQuery Photowall
jQuery photo wall gallery plugin (like at google).

- 108 stars
- 13 watchers
Responsive Lightbox
Lightweight, image only responsive, jQuery lightbox plugin.

- 97 stars
- 12 watchers
PgwSlideshow
Responsive slideshow/gallery/carousel plugin for jQuery and Zepto.

- 93 stars
- 5 watchers
imageLightbox
A JavaScript plugin for touch-friendly image lightbox.
Features- ascetic
- minimalistic
- extensible & configurable
- responsive and touch-friendly
- iOS, Android and Windows Phone compatible
- jQuery 1.x, 2.x, 3.x compatible
- preloads next image
- uses CSS transform and transition
- interacts with keyboard

- 89 stars
- 11 watchers
imagelightbox
Image lightbox, responsive and touch-friendly.

- 77 stars
- 14 watchers
JGallery
Free jQuery photo gallery with albums and preloader.

- 74 stars
- 55 watchers
Photor
Photor is a minimalistic lightweight jQuery gallery with touch devices support.

- 69 stars
- 6 watchers
snapGallery.js
Create responsive galleries with minimal effort.

- 60 stars
- 8 watchers
Flipping Gallery
Create a simple but beautiful 3D flipping gallery with on JS call.

- 44 stars
- 11 watchers
jQuery Elastic Grid
jQuery Elastic Grid is a lightweight, easy to use gallery jQuery plugin script inspired by Google Image Search with support for .png, .jpg and .gif image files. It uses a thumbnail grid with expanding preview for displaying your images. It is also fully HTML5 and CSS3 compliant.

- 44 stars
- 7 watchers
xZoom
jQuery zoom gallery plugin.
Features- supports jQuery starting from version 1.2.6
- a lof of options, effects and easy to use and customize
- lightweight ~14kb minified version
- you can load low and high res images separately
- supports IE6+, Chrome, FireFox, Opera, Safari, Android, iOS
- supports responsive output
- have an API to integrate with other useful plugins like FancyBox, Magnific PopUp and HammerJS

- 40 stars
- 5 watchers
Smoothbox
A lightweight, responsive, & simple lightbox alternative.
Features- lightweight [1.7Kb]
- preloads images
- built in gallery for multiple items
- CSS3 transitions for smoother effects
- responsive image sizes

- 28 stars
- 1 watchers
SimpleLightbox
SimpleLightbox is lightweight and responsive lightbox library based on jQuery API. Display images, galleries, videos or custom content and control your lightbox with easy to use API.

- 6 stars
- 2 watchers
jquery.mb.gallery
jquery.mb.thumbGallery is a beautiful image gallery with a paginated thumbail index and a full-screen slideshow.

- 4 stars
- 2 watchers
SwappingWall.jquery
This is a very simple jQuery plugin, which create simple wall-gallery, and animation with randomly swapping items. This plugin is responsive and easy to use.

- 4 stars
- 1 watchers
PIGNOSE Gallery
PIGNOSE Gallery is so simple and fast gallery style component.

- 4 stars
- 0 watchers
lightboxgallery
This is a very simple and lightweight responsive jQuery lightbox image gallery plugin. If you are looking for a jQuery plugin to create an images gallery that is incredibly fast then this plugin is for you.