10 Best Gallery Lightbox Libraries In Pure JavaScript/CSS (2024 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 Jan 11 2024

1. Responsive Image/Video Lightbox Gallery – jQuery LBT-Lightbox

A responsive and easy-to-use jQuery gallery lightbox plugin that provides a user-friendly way to showcase images and videos on your website or web application.

Responsive Image/Video Lightbox Gallery - jQuery LBT-Lightbox

[Demo] [Download]


2. Full-featured Responsive Lightbox Plugin – VenoBox

A responsive & mobile-friendly JavaScript lightbox plugin used to overlay any html elements (like images, iframes, videos, etc…) on your current page.

Full-featured Responsive Lightbox Plugin - VenoBox

[Demo] [Download]


3. 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]


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

Feature-rich Lightbox Gallery Based On Bootstrap 5 – bs5-lightbox.js

[Demo] [Download]


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.

Elegant Any Content Gallery Lightbox In Pure JavaScript – GLightbox

[Demo] [Download]


6. 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]


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

modal-lightbox-dimbox

[Demo] [Download]


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

video-iframe-gallery-inline-content-lightbox-library-tobii

[Demo] [Download]


9. Mobile Optimized Lightbox Gallery – touchTouch

touchTouch is a JavaScript-based gallery lightbox plugin created entirely in HTML5 & Vanilla JavaScript and can be used straight after downloading.

mobile-lightbox-gallery-touch

[Demo] [Download]


10. Image & Iframe Gallery Lightbox In Vanilla JavaScript – Scpop

An easy-to-use JavaScript library that enables you to display images and/or iframe content in a responsive gallery popup.

Image & Iframe Gallery Lightbox In Vanilla JavaScript - Scpop

[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: