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
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
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
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
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 is a simple yet powerful, mobile-friendly gallery lightbox plugin written in pure JavaScript and CSS/CSS3.
6. Responsive Photo Gallery & Lightbox – FG-Gallery
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
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
A dependency-free JavaScript lightbox library which provides you an elegant way to view large images.
9. Customizable Multi-media Lightbox Library – Lightbox.js
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
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.