Here is a constantly updated list of the 10 best Vanilla JavaScript based 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 Feb 16 2020
1. 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.
2. 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.
3. Accessible Mobile-friendly Image Viewer – SmartPhoto
SmartPhoto is a standalone JavaScript library for creating an accessible, responsive, mobile-friendly image viewer where the users are able to view all images in an easy-to-navigate modal popup.
4. Full-featured Image Viewer In Pure JavaScript – spotlight.js
spotlight.js is a small yet powerful JavaScript library that enables your visitor to view images and/or image groups in a fullscreen gallery popup.
5. Minimal Image & Video LigthtBox In Pure JavaScript – BigPicture.js
BigPicture.js is a lightweight, CSS-less, responsive image & video viewer/lightbox built in pure javaScript. Supports local/remote images and Youtube/Vimeo/HTML5 videos.
6. 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.
7. Pure JavaScript / CSS Powered Photo Gallery Popup – zoomwall.js
zoomwall.js is a JavaScript library for creating a neat, compact thumbnail grid which expands into a fullscreen gallery lightbox as you click on a thumbnail image.
8. Touch-enabled Any Content Lightbox In Vanilla JavaScript – Tobi
Tobi is a simple-to-use JavaScript lightbox plugin that supports any content types: images, iframes, videos, HTML elements, etc.
9. Pure CSS Animated Image Lightbox / Gallery – Perfundo
Perfundo is a pure CSS lightbox library that presents your single or multiple images in a responsive, animated lightbox/gallery popup.
10. Easy Touch-enabled Image Lightbox & Gallery With JavaScript – halkaBox.js
halkaBox.js is a responsive, customizable, touch-enabled and CSS3 animated JavaScript lightbox library that supports both single image and image galleries.
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.