10 Best Gallery Lightbox Libraries In Pure JavaScript/CSS (2022 Update)

Here is a constantly updated list of the 10 best Vanilla JavaScript and Pure CSS powered Gallery Lightbox Libraries to present your images & products in an elegant way.

I hope you like it and don’t forget to spread the world.

Originally Published Nov 22 2017, updated Mar 02 2022

2. Responsive Lightbox Gallery With Pure JavaScript And CSS3 – lightGallery

Responsive Lightbox Gallery With Pure JavaScript And CSS3 – lightGallery

Demo Download

lightGallery.js is a responsive, touch-enabled, dependency-free JavaScript lightbox gallery library which enables you to present various types of media (images, videos, etc) in a fullscreen, scalable, navigatable, shareable, downloadable and CSS3 animated gallery popup.


2. CSS Only Minimal Responsive Image Gallery lightbox – CSSBox

CSS Only Minimal Responsive Image Gallery lightbox – CSSBox

Demo Download

A minimal, responsive image gallery lightbox where the user is able to navigate between full sized images in a fullscreen lightbox popup. Built using CSS / CSS3 and plain html markup.


3. Feature-rich Lightbox Gallery Based On Bootstrap 5 – bs5-lightbox.js

Feature-rich Lightbox Gallery Based On Bootstrap 5 – bs5-lightbox.js

Demo Download

A JavaScript lightbox gallery plugin for showcasing images, videos, Instagram posts, iframes in Bootstrap 5 modal & carousel components.


4. Elegant Any Content Gallery Lightbox In Pure JavaScript – GLightbox

GLightbox

Demo Download

GLightbox is a simple yet powerful, mobile-friendly gallery lightbox plugin written in pure JavaScript and CSS/CSS3.


5. Tiny Gallery Lightbox For Images & Videos – MK Lightbox

Tiny Gallery Lightbox For Images & Videos – MK Lightbox

Demo Download

A dead-simple JavaScript library to display your images and videos in a lightbox popup or a navigatable gallery lightbox without having to write any JS code.


6. Simple Gallery Lightbox with Javascript and CSS3 – baguetteBox.js

Simple Gallery Lightbox with Javascript and CSS3 - baguetteBox.js

Demo Download

baguetteBox.js is a simple, lightweight, mobile-friendly Javascript library for displaying a gallery of images in a fully responsive & customizable lightbox. You can navigate through the gallery images with arrows navigation or swipe gestures on touch devices.


7. Responsive Photo Gallery & Lightbox – FG-Gallery

Responsive Photo Gallery & Lightbox – FG-Gallery

Demo Download

A lightweight, easy-to-use and responsive JavaScript gallery library where the users are able to browse all images in a lightbox popup with arrows navigation.


8. Easy Any Content Lightbox & Gallery – PlayBox.js

Easy Any Content Lightbox & Gallery – PlayBox.js

Demo Download

An easy-to-use, full-featured lightbox plugin for displaying HTML content or image galleries in a fullscreen popup.


9. Multimedia Gallery Lightbox JavaScript Library – MixGallery.js

Multimedia Gallery Lightbox JavaScript Library – MixGallery.js

Demo Download

A lightweight, responsive, filterable gallery lightbox JavaScript library that supports any type of web content like videos, audios, images, links, etc.


10. Multi-purpose Lightbox Gallery With JavaScript – Ensemble Lightbox

Multi-purpose Lightbox Gallery With JavaScript – Ensemble Lightbox

Demo Download

A responsive, feature-rich lightbox gallery built using plain JavaScript, with zero dependencies.


More Resources:

To find more JavaScript and/or CSS libraries to showcase your favorite images on the web app, don’t forget to check out our other awesome resources.

You Might Be Interested In: