Top 10 JavaScript & CSS Gallery Lightbox Libraries Of 2018

Here is a constantly updated list of the 10 best JavaScript and CSS based Gallery Lightbox Libraries we published on CSSScript.com. I hope you like it and don’t forget to spread the world.

Originally Published Nov 22 2017, updated Dec 08 2018

1. CSS Only Minimal Responsive Image Gallery lightbox – CSSBox

CSSBox

Demo Download

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.


2. Responsive Lightbox Gallery With Pure JavaScript And CSS3 – lightGallery

Responsive Lightbox Gallery With Pure JavaScript And CSS3 – lightGallery

Demo Download

lightGallery.js is a responsive, touch-enabled, dependency-free JavaScript lightbox gallery library which 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

Simple Gallery Lightbox with Javascript and CSS3 - baguetteBox.js

Demo Download

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. Pure CSS Animated Image Lightbox / Gallery – Perfundo

Perfundo

Demo Download

Perfundo is a pure CSS lightbox library which present your single or multiple images  in a responsive, animated lightbox / gallery popup.


5. Material Inspired Nice Responsive Photo Gallery

Material Photo Gallery

Demo Download

Material Photo Gallery is a Vanilla JavaScript plugin that helps you generate a nice, responsive thumbnail grid as you seen on Google Image Search. Once you click on a thumbnail, the zoomed image will displayed in a fullscreen lightbox gallery with left / right arrows which enable you to navigate through all photos.


6. Smooth Animated Lightbox Gallery In Pure JavaScript – MVT-Lightbox

mvt-lightbox

Demo Download

MVT-Lightbox is a pure JavaScript library for showcasing your images in a responsive gallery lightbox popup that uses Velocity.js for smooth and fast animations.


7. Modern Responsive Gallery / Lightbox – WA MediaBox

Modern Responsive Gallery / Lightbox – WA MediaBox

Demo Download

WA MediaBox is a JavaScript library that displays html content (images, iframes, videos) in a responsive, fullscreen, navigatable, lightbox-style gallery popup.


8. Vanilla JavaScript Responsive Image Lightbox Library – Avalonbox

Vanilla JavaScript Responsive Image Lightbox Library – Avalonbox

Demo Download

Avalonbox is a simple yet robust image lightbox library that supports fullscreen gallery lightbox mode and arbitrary images with different aspect ratios.


9. Easy Gallery Lightbox In Pure JavaScript – pureJSLightbox

Easy Gallery Lightbox In Pure JavaScript – pureJSLightbox

Demo Download

pureJSLightbox is a zero-dependency JavaScript library for creating a simple gallery where images open in a responsive, touch-enabled lightbox with the ability to scroll through all images with navigation arrows and swipe event.


10. Easy Gallery Lightbox In Pure JavaScript – pureJSLightbox

Elegant Any Content Gallery Lightbox In Pure JavaScript – GLightbox

Demo Download

pureJSLightbox is a zero-dependency JavaScript library for creating a simple gallery where images open in a responsive, touch-enabled lightbox with the ability to scroll through all images with navigation arrows and swipe event.