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

Image Gallery For Mobile Devices - PhotoSwipe

[Demo] [Download]


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.

Responsive Lightbox Gallery With Pure JavaScript And CSS3 – lightGallery

[Demo] [Download]


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.

Simple Gallery Lightbox with Javascript and CSS3 - baguetteBox.js

Demo Download


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.

Responsive & Dynamic Image Lightbox Plugin - Chocolat

[Demo] [Download]


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

Demo Download


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.

Full-featured Image Viewer In Pure JavaScript – spotlight.js

[Demo] [Download]


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.

Accessible Mobile-friendly Image Viewer – SmartPhoto

[Demo] [Download]


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.

Minimal Image & Video LigthtBox In Pure JavaScript – BigPicture.js

[Demo] [Download]


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.

Responsive Feature-rich Photo Viewer In Pure JavaScript

[Demo] [Download]


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.

Modern Fullscreen Lightbox For Images & Videos – fslightbox

[Demo] [Download]


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.

CSS Only Minimal Responsive Image Gallery lightbox – CSSBox

[Demo] [Download]


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: