10 Best Lightbox Gallery Plugins In JavaScript & CSS

by jQueryScript,

What Is A Lightbox Gallery?

A Lightbox Gallery (also called Gallery Lightbox) is an essential UI component that provides users with an excellent image viewing experience.

It groups all images into a gallery and displays them in a fullscreen modal popup just as an inline slider/slideshow. From within your users can navigate between those images without having to open them one by one.

The Best Lightbox Gallery Plugin

Here is an up-to-date list of 10 best JavaScript and CSS powered lightbox gallery plugins that give you a responsive, impressive experience to view images on the website.

Don't forget to check the demo of each plugin before downloading to determine which plugin is right for you. Have fun.

Table Of Contents:

jQuery Lightbox Gallery Plugins

Responsive Touch-enabled Image Lightbox Plugin

Just another jQuery plugin helps you create image lightbox and gallery lightbox on your desktop and mobile websites.

Responsive Touch-enabled Image Lightbox Plugin

[Demo] [Download]


Image Lightbox & Gallery For jQuery - Lightbox2

Lightbox2 is a simple and useful script which can be used to overlay your images or photos on top of the current web page.

Image Lightbox & Gallery For jQuery - Lightbox2

[Demo] [Download]


Responsive jQuery Lightbox With Amazing CSS3 Effects - Fancy Box 3

Fancy Box 3 is a jQuery lightbox plugin that is completely rewritten from Fancybox, a Mac Style lightbox plugin, with new features and updated graphics.

Responsive jQuery Lightbox With Amazing CSS3 Effects - Fancy Box 3

[Demo] [Download]


Image Slider Popup Plugin With jQuery - Popup Lightbox

The Popup Lightbox jQuery plugin displays large images in a responsive slider popup when you click the thumbnails. The users are able to slide through the images by clicking the next/prev buttons.

Image Slider Popup Plugin With jQuery - Popup Lightbox

[Demo] [Download]


Powerful Gallery Popup Plugin With jQuery - LC Lightbox

LC Lightbox is a responsive, flexible, powerful, mobile-friendly jQuery image viewer & gallery lightbox plugin for modern web design.

Powerful Gallery Popup Plugin With jQuery - LC Lightbox

[Demo] [Download]


Vanilla JS Lightbox Gallery Plugins

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]


Simple Gallery Lightbox with Javascript and CSS3 – baguetteBox.js

A simple, lightweight, mobile-friendly Javascript library for displaying a gallery of images in a fully responsive & customizable lightbox. 

Simple Gallery Lightbox with Javascript and CSS3 – baguetteBox.js

[Demo] [Download]


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]


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]


Responsive Photo Gallery & Lightbox – FG-Gallery

A lightweight, easy-to-use and responsive JavaScript gallery library where the users are able to browse all images in a lightbox popup with arrows navigation.

Responsive Photo Gallery & Lightbox – FG-Gallery

[Demo] [Download]


Pure CSS Lightbox Gallery Libraries

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]


Conclusion:

Want more JavaScript and CSS solutions to create Lightbox Galleries on the web & mobile? Check out the jQuery Lightbox Gallery and JavaScript Lightbox Gallery sections.

See also: