Here is a constantly updated list of the 10 best Vanilla JavaScript and Pure CSS-powered Gallery Lightbox Libraries to present your images & products elegantly.
I hope you like it and don’t forget to spread the world.
Originally Published Nov 22 2017, updated Mar 05 2023
1. Image Gallery For Mobile Devices – PhotoSwipe
A Vanilla JavaScript Image Gallery designed for both Mobile and Touch Devices. It provides your visitors with a familiar and intuitive interface allowing them to interact with images on your mobile website.
2. Responsive Lightbox Gallery With Pure JavaScript And CSS3 – lightGallery
A responsive, touch-enabled, dependency-free JavaScript lightbox gallery library that 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. Responsive & Dynamic Image Lightbox Plugin – Chocolat
A Vanilla JavaScript image lightbox plugin used to create a responsive, full-sized lightbox gallery/slider on your webpage or within a specific container. Great for showcasing your grouped images in a pleasant way.
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. Full-featured Image Viewer In Pure JavaScript – spotlight.js
A small yet powerful JavaScript library that enables your visitor to view images and/or image groups in a fullscreen gallery popup.
7. Accessible Mobile-friendly Image Viewer – SmartPhoto
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.
8. Minimal Image & Video LigthtBox In Pure JavaScript – BigPicture.js
A lightweight, CSS-less, responsive image & video viewer/lightbox built in pure JavaScript. Supports local/remote images and Youtube/Vimeo/HTML5 videos.
9. Responsive Feature-rich Photo Viewer In Pure JavaScript
A feature-rich photo viewer plugin in pure JavaScript that displays all your images in a responsive, draggable, navigatable, resizable, maximizable dialog window.
10. 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.
Bonus: 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.
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.