10 Best Gallery Lightbox Libraries In Pure JavaScript/CSS (2021 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 08 2021

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


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.


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


4. Video/Iframe/Gallery/Inline Content Lightbox Library – Tobii

Video/Iframe/Gallery/Inline Content Lightbox Library – Tobii

Demo Download

A feature-rich, responsive, accessible, mobile-friendly lightbox library that makes it possible to display any content type (HTML5/Youtube video, iframe content, inline HTML, and even image gallery) in a modal popup.


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


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


7. Modern Fullscreen Lightbox For Images & Videos – fslightbox

Modern Fullscreen Lightbox For Images & Videos – fslightbox

Demo Download

An easy, responsive, modern, fullscreen, touch-enabled lightbox for images, galleries, HTML5/Youtube videos, and custom HTML elements.


8. Easy Image Lightbox With Slider Integration – Lightbox.js

Easy Image Lightbox With Slider Integration – Lightbox.js

Demo Download

A dependency-free JavaScript lightbox library which provides you an elegant way to view large images.


9. Customizable Multi-media Lightbox Library – Lightbox.js

Customizable Multi-media Lightbox Library – Lightbox.js

Demo Download

The Lightbox.js JavaScript library allows media content (images, text, Youtube/Vimeo videos, etc) to be displayed in an elegant modal dialog. Also supports gallery mode which enables you to navigate through the media content in the lightbox.


10. Display Grouped Images In A Lightbox – ImageBox

Display Grouped Images In A Lightbox – ImageBox

Demo Download

A lightweight, vanilla JavaScript plugin to display a single image or grouped images in a responsive lightbox..


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: