55 jQuery Galleries

About a code

Gallery Details

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, sortable.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: -

About a code

Leafing Through a Stack

Rifle through some photos.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: bootstrap.css

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

About a code

Photo Gallery

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: slick.css, slick.js, tilt.jquery.js

About a code

jQuery Gallery

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

About a code

Photo Gallery

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

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: -

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

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

About a code

Travel Gallery

Travel gallery Flexbox and CSS animations, transitions.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

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

About a code

Lightbox Gallery

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, bootstrap.css

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: -

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: -

Magnific Popup

Fast, light and responsive lightbox plugin, for jQuery and Zepto.js.

• light and modular
• fast
• conditional lightbox
• content is resized with CSS
• High-DPI (Retina) display support
• memory management

Fancybox

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

• 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

lightGallery

A customizable, modular, responsive, lightbox gallery plugin for jQuery.

• 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

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.

SwipeBox

Swipebox is a jQuery "lightbox" plugin for desktop, mobile and tablet.

• swipe gestures for mobile
• keyboard Navigation for desktop
• CSS transitions with jQuery fallback
• retina support for UI icons
• easy CSS customization

Fotorama

A simple, stunning, powerful jQuery gallery.

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.

• 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

Justified Gallery

jQuery plugin that allows you to create a gallery with a justified grid.

• 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

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.

jBox

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

• 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

Photoset Grid

A simple jQuery plugin to arrange images into a flexible grid, based on Tumblr's photoset feature.

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.

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.

simplelightbox

Touch-friendly image lightbox for mobile and desktop with jQuery.

• 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

S Gallery

A responsive jQuery gallery plugin with CSS3 animations (with touch/swipe support).

Unite Gallery

Unite Gallery - responsive jQuery image and video gallery plugin. Aim to be the best gallery on the web on it's kind.

• 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.

Gridder

A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images.

• multiple instances
• really easy to use and customize
• expanding preview with details
• smooth scrolling
• callbacks (so you can launch other plugins)

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.

jQuery FlexImages

A lightweight jQuery plugin for creating fluid galleries as seen on Flickr and Google Images.

• 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.

nanoGallery 2

nanoGallery2 is a javascript library for building beautiful, modern and high-quality image galleries for your website or your blog.

• 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

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.

jQuery.GI.TheWall.js

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

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.

jQuery Photowall

jQuery photo wall gallery plugin (like at google).

Responsive Lightbox

Lightweight, image only responsive, jQuery lightbox plugin.

PgwSlideshow

Responsive slideshow/gallery/carousel plugin for jQuery and Zepto.

imageLightbox

A JavaScript plugin for touch-friendly image lightbox.

• 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

imagelightbox

Image lightbox, responsive and touch-friendly.

JGallery

Free jQuery photo gallery with albums and preloader.

Photor

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

snapGallery.js

Create responsive galleries with minimal effort.

Flipping Gallery

Create a simple but beautiful 3D flipping gallery with on JS call.

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.

xZoom

jQuery zoom gallery plugin.

• 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

Smoothbox

A lightweight, responsive, & simple lightbox alternative.

• lightweight [1.7Kb]
• preloads images
• built in gallery for multiple items
• CSS3 transitions for smoother effects
• responsive image sizes

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.

jquery.mb.gallery

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

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.

PIGNOSE Gallery

PIGNOSE Gallery is so simple and fast gallery style component.

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.