43 jQuery Gallery Plugins

January 30, 2018

Collection of free jQuery gallery plugins.

Demo image: Magnific Popup
Made by
  • Dmitry Semenov
Github activity
  • 9979 stars
  • 423 watchers
About the plugin

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
Demo image: Fancybox
Made by
  • Jānis Skarnelis
Github activity
  • 5257 stars
  • 307 watchers
About the plugin

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
Demo image: lightGallery
Made by
  • Sachin N
Github activity
  • 3019 stars
  • 139 watchers
About the plugin

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
Demo image: Blueimp Gallery
Made by
  • Sebastian Tschan
Github activity
  • 2743 stars
  • 238 watchers
About the plugin

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.

Demo image: SwipeBox
Made by
  • brutaldesign
Github activity
  • 1867 stars
  • 108 watchers
About the plugin

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
Demo image: Fotorama
Made by
  • Artem Polikarpov
Github activity
  • 1443 stars
  • 75 watchers
About the plugin

Fotorama

A simple, stunning, powerful jQuery gallery.

Demo image: Chocolat
Made by
  • Nicolas Turlais
Github activity
  • 1250 stars
  • 47 watchers
About the plugin

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
Demo image: Justified Gallery
Made by
  • Miro Mannino
Github activity
  • 1069 stars
  • 54 watchers
About the plugin

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
Demo image: Fresco
Made by
  • Nick Stakenburg
Github activity
  • - stars
  • - watchers
About the plugin

Fresco

Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device.

In fact, Fresco is the first truly responsive lightbox. Give the demonstrations a try to see what that means, make sure to adjust your screen size (or rotate your device).

To make things even more awesome Fresco comes with fullscreen zoom, retina-ready skins, Youtube and Vimeo integration for HTML5 video and a powerful Javascript API.

Demo image: SIDEWAYS
Made by
  • Manos Malihutsakis
Github activity
  • - stars
  • - watchers
About the plugin

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.

Demo image: jBox
Made by
  • Stephan Wagner
Github activity
  • 909 stars
  • 83 watchers
About the plugin

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
Demo image: Photoset Grid
Made by
  • Style Hatch
Github activity
  • 636 stars
  • 29 watchers
About the plugin

Photoset Grid

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

Demo image: Justified.js
Made by
  • Nitin Hayaran
Github activity
  • 493 stars
  • 29 watchers
About the plugin

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.

Demo image: nanoGALLERY
Made by
  • Christophe Brisbois
Github activity
  • 433 stars
  • 40 watchers
About the plugin

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.

Demo image: simplelightbox
Made by
  • Andre Rinas
Github activity
  • 427 stars
  • 21 watchers
About the plugin

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
Demo image: S Gallery
Made by
  • Sara Soueidan
Github activity
  • 404 stars
  • 50 watchers
About the plugin

S Gallery

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

Demo image: Unite Gallery
Made by
  • Max Valiano
Github activity
  • 398 stars
  • 44 watchers
About the plugin

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.
Demo image: Gridder
Made by
  • Orion Gunning
Github activity
  • 384 stars
  • 34 watchers
About the plugin

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)
Demo image: Shuffle Images
Made by
  • Pete R.
Github activity
  • 181 stars
  • 15 watchers
About the plugin

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.

Demo image: jQuery FlexImages
Made by
  • Pixabay
Github activity
  • 179 stars
  • 12 watchers
About the plugin

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.
Demo image: nanoGallery 2
Made by
  • nanostudio-org
Github activity
  • 158 stars
  • 16 watchers
About the plugin

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
Demo image: Balanced Gallery
Made by
  • Ryan
Github activity
  • 156 stars
  • 11 watchers
About the plugin

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 image: jQuery.GI.TheWall.js
Made by
  • Gold Interactive
Github activity
  • 138 stars
  • 17 watchers
About the plugin

jQuery.GI.TheWall.js

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

Demo image: Bootstrap Photo Gallery
Made by
  • Michael Soriano
Github activity
  • 116 stars
  • 11 watchers
About the plugin

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.

Demo image: jQuery Photowall
Made by
  • Andrey Nikishaev
Github activity
  • 110 stars
  • 15 watchers
About the plugin

jQuery Photowall

jQuery photo wall gallery plugin (like at google).

Demo image: Responsive Lightbox
Made by
  • Duncan McDougall
Github activity
  • 108 stars
  • 13 watchers
About the plugin

Responsive Lightbox

Lightweight, image only responsive, jQuery lightbox plugin.

Demo image: PgwSlideshow
Made by
  • Pagawa
Github activity
  • 97 stars
  • 12 watchers
About the plugin

PgwSlideshow

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

Demo image: imageLightbox
Made by
  • Osvaldas Valutis
Github activity
  • 93 stars
  • 5 watchers
About the plugin

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
Demo image: imagelightbox
Made by
  • Veeck
Github activity
  • 89 stars
  • 11 watchers
About the plugin

imagelightbox

Image lightbox, responsive and touch-friendly.

Demo image: JGallery
Made by
  • Jakub Kowalczyk
Github activity
  • 77 stars
  • 14 watchers
About the plugin

JGallery

Free jQuery photo gallery with albums and preloader.

Demo image: Photor
Made by
  • 2GIS
Github activity
  • 74 stars
  • 55 watchers
About the plugin

Photor

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

Demo image: Photopile JS
Made by
  • Brian
Github activity
  • 69 stars
  • 14 watchers
About the plugin

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 image: snapGallery.js
Made by
  • Neeraj Joshua DeLima
Github activity
  • 69 stars
  • 6 watchers
About the plugin

snapGallery.js

Create responsive galleries with minimal effort.

Demo image: Flipping Gallery
Made by
  • Pete R.
Github activity
  • 60 stars
  • 8 watchers
About the plugin

Flipping Gallery

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

Demo image: jQuery Elastic Grid
Made by
  • Truong Vu
Github activity
  • 44 stars
  • 11 watchers
About the plugin

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.

Demo image: xZoom
Made by
  • Azat Ahmedov
Github activity
  • 44 stars
  • 7 watchers
About the plugin

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
Demo image: Smoothbox
Made by
  • Kevin Thornbloom
Github activity
  • 40 stars
  • 5 watchers
About the plugin

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
Demo image: SimpleLightbox
Made by
  • Damir Brekalo
Github activity
  • 28 stars
  • 1 watchers
About the plugin

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.

Demo image: jquery.mb.gallery
Made by
  • Matteo Bicocchi
Github activity
  • 6 stars
  • 2 watchers
About the plugin

jquery.mb.gallery

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

Demo image: SwappingWall.jquery
Made by
  • Oleksii Sinkov
Github activity
  • 4 stars
  • 2 watchers
About the plugin

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.

Demo image: PIGNOSE Gallery
Made by
  • Kennethan Ceyer
Github activity
  • 4 stars
  • 1 watchers
About the plugin

PIGNOSE Gallery

PIGNOSE Gallery is so simple and fast gallery style component.

Demo image: lightboxgallery
Made by
  • Kawshar Ahmed
Github activity
  • 4 stars
  • 0 watchers
About the plugin

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.

Demo image: jQuery Image Gallery
Made by
  • Andrew Murr
Github activity
  • 1 stars
  • 1 watchers
About the plugin

jQuery Image Gallery

Simple lightbox image gallery.

FreeFrontend © 2016 - 2018

Back to top