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 Jan 09 2026
1. 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.
More Features:
- 20+ transition animations.
- Auto play when images loaded.
- Infinite looping.
- Supports youtube & vimeo videos, not just images.
- Touch swipe support.
- Pinch to zoom.
- Virtual slides.
- Image captions & descriptions support.
- Arrows, thumbnails, and keyboard navigation.
- Cross browser. Supports all major browsers.
- Easing options support.
- Multiple instances on one page.
- Works with React, Angular, and Vue.js.
- And much more.
2. Modern JavaScript Lightbox with Zoom & Gallery – Zoomora
A modern JavaScript lightbox library that creates interactive image and video galleries with built-in zoom, fullscreen capabilities, thumbnail navigation, and smooth transitions.
It automatically detects whether images can be zoomed based on their dimensions, implements pan-and-drag functionality for navigated zoomed content, and provides auto-hide controls for an immersive viewing experience.
Features:
- Core Functionality: Zoomora supports both image galleries and video content, including YouTube embeds and local video files in MP4, WebM, and OGG formats.
- Zoom and Navigation: The library features smart zoom detection, pan-and-drag controls for zoomed images, and a configurable maximum zoom scale with support for scroll wheel navigation.
- User Interface: Thumbnail strips provide quick navigation between gallery items, with optional auto-hide controls, fullscreen mode, and customizable transition effects including fade and slide animations.
- Accessibility and Controls: Full keyboard navigation supports arrow keys for image browsing, escape key for closing, and shortcut keys for zoom, fullscreen, and thumbnail toggling.
- Technical Specifications: The library requires no external dependencies, integrates with vanilla JavaScript and modern frameworks, and provides extensive callback functions for lifecycle events.
3. 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.
More Features:
- Image captions.
- Smart navigation controls.
- Item counter.
- Keyboard interactions.
- Image loading indicator.
- Swipe & click outside to close.
- Auto play videos.
4. 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.
More features:
- Simple to implement & config.
- Allows to switch between contents via mouse drag and touch swipe.
5. Elegant Any Content Gallery Lightbox In Pure JavaScript – GLightbox
A simple yet powerful, mobile-friendly gallery lightbox plugin written in pure JavaScript and CSS/CSS3.
Features:
- Open/close animations: zoomIn, fade and zoom.
- Content slide animations: fade, slide, zoom.
- Support any content and even mixed content: images, HTML5 videos, Youtube/Vimeo videos, iframes, inline contents and much more.
- Fully accessible with keyboard interactions.
- Lots of configuration options, callback functions, and API methods.
6. All-in-One Modal Lightbox Solution For Web Developers – DimBox.js
A lightweight yet powerful and customizable JavaScript popup library for creating stunning modals & lightboxes on your website.
It supports a variety of content types, including images, galleries, HTML5/YouTube/Vimeo videos, iframe content, AJAX content, inline content, and much more.
7. Feature-rich Lightbox Gallery Based On Bootstrap 5 – bs5-lightbox.js
A JavaScript lightbox gallery plugin for showcasing images, videos, Instagram posts, iframes in Bootstrap 5 modal & carousel components.
8. Lightweight Image Gallery With Lightbox Popup – havLightbox
A lightweight galley lightbox JavaScript plugin that allows you to create image galleries with a lightbox overlay. Visitors can click on thumbnails to view larger versions of the images, and navigate through them using next/previous buttons or by clicking on thumbnails displayed at the bottom of the lightbox.
9. Accessible Gallery Lightbox with Vanilla JS – Robroy
A lightweight, dependency-free JavaScript library that transforms your image collections into sleek, fullscreen lightbox galleries.
It allows you to switch between images via prev/next controls while providing a responsive, accessible viewing experience.
Features:
- Core Lightbox: Displays images in a fullscreen overlay.
- Navigation: Previous/Next buttons, plus options for clicking image sides.
- Captions: Automatically pulls from
altattributes (can be disabled). - Loading Indicator: Shows activity while large images load.
- No Dependencies: Pure vanilla JavaScript. No jQuery required.
- Minimal Assets: Doesn’t require external images, icon fonts, or font files.
- Accessibility: Screenreader-friendly, keyboard navigable (Arrows, Escape), focus management.
- Responsive: Adapts to different screen sizes; large images scale down.
- Click Behaviors: Optional close-on-overlay-click, optional nav-on-image-click.
- Customizable: Plenty of options to tweak behavior and appearance.
- Looping: Option to loop navigation from last to first image and vice-versa.
10. Tiny Gallery Lightbox For Images & Videos – MK Lightbox
A dead-simple JavaScript library to display your images and videos in a lightbox popup or a navigatable gallery lightbox without having to write any JS code.
Bonus: Pure CSS Gallery Lightbox
CSS-Only Lightbox Gallery: Easy Image Showcase
This is a minimalist lightbox gallery built using only CSS/CSS3 and Font Awesome icons. It displays large images in a modal overlay when thumbnails are clicked.
Users can navigate between images using the next and previous buttons. In addition, the gallery also supports direct image access via URL hashes.
The lightbox gallery enhances image viewing on your websites without writing or embedding any JavaScript. It provides a clean, full-screen display for showcasing photos or artwork.
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.