45 Best Free CSS Image Lightbox 2022

In this post, we have pick up best free css3 css image lightbox plugin for image gallery with example code download and tutorials, there are a lot of beautiful css3, css, bootstrap light-box plugin, you may finding beautiful light box box such as  lightbox form, lightbox video , lightbox gallery, css popup and lightbox effect. So with my favorite collection bellow hope you can find one for your upcoming designs. In this post i also added CSS3 lightbox for image gallery and hope you may like it too.

Uikit Lightbox

The lightbox component is fully responsive and supports scrolling and touch navigation as well as dragging the mouse for desktop computers. When moving from one slide to another, the animation literally stays at the tip of the finger or the mouse cursor. By quick clicking on the previous and next navigation, the animations will speed up even to keep up. All animations are hardware accelerated for smoother performance.

more info / download hosting

Magnific Popup

Magnific Popup is a responsive dialog and lightbox script that focuses on performance and provides the best user experience with any device
(for jQuery or Zepto.js).

more info / download hosting

Lightbox for Bootstrap

Utilizes Bootstraps modal plugin to implement a lightbox gallery.

more info / download hosting

Lightbox National Park

more info / download hosting

Responsive and Touch‑friendly Image Lightbox

responsive image lightboxmore info / download demo hosting

Pure CSS Lightbox

more info / download hosting

Bootstrap 4 Lightbox Gallery

more info / download hosting


more info / download hosting

Vanilla JS lightbox Fullscreen Lightbox

Easy to use, but powerful plugin for displaying various types of sources in beautiful overlying box with tons of features such as captions, thumbnails, zooming and more! Present single source or create beautiful gallery with stylish lightbox without jQuery!

more info / download hosting


lightGallery allows you to create animated thumbnails for your gallery with the help of the thumbnails plugin. The thumbnail plug-in supports touch swipe navigation on touchscreen devices as well as mouse drag for desktop computers. allows users to navigate between slides by clicking thumbnails. The thumbnail plugin also allows you to automatically upload thumbnails for YouTube, Vimeo, and other video sources.

more info / download hosting

Bootstrap 3 Gallery

more info / download hosting

Responsive Photo Gallery Grid with Lightbox and – No Script

more info / download hosting

Simple Photo Gallery

more info / download hosting

Responsive Image Gallery with jQuery Lightbox

more info / download hosting

Simple lightbox

more info / download hosting

CSS Gallery (Lightbox)

more info / download hosting

Masonry Image Lightbox

more info / download hosting

Bootstrap video gallery

more info / download hosting


Lightbox2 is small JavaScript library used to overlay images on top of the current page. It is a snap to install and works on all modern browsers.

lightbox2-gallerymore info / download hosting

Bootstrap Lightbox

Utilizes Bootstraps modal plugin to implement a lightbox gallery.

bootstrap-lightboxmore info / download hosting

Image Lightbox, Responsive and Touch‑friendly

As for image light boxes, I have always lacked simplicity. I mean not just the visual design, but the overall experience: from implementation to UX. With all due respect, but I've never liked any of these sleek, light-sided boxes. They were all solving problems that just don't exist: lots of unwanted default features, total clutter in markup, no native behavior for touchscreens.

more info / download hosting


Featherlight is a very lightweight jQuery lightbox.

lightweight-jquery-lightboxmore info / download hosting

jQuery Prettyphoto Lightbox

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox.

jQuery Prettyphoto Lightboxmore info / download hosting

AD Gallery, gallery plugin for jQuery

AD Gallery is a highly customizable gallery/showcase plugin for jQuery

AD Gallery, gallery plugin for jQuerymore info / download hosting

3D Gallery with CSS3 and jQuery

The main idea is to create a circular gallery where we have a picture in the center and two on the sides. Since we use perspective, the two lateral images appear three dimensional when we rotate them.

3D Gallery with CSS3 and jQuerymore info / download hosting

jquery mb.gallery – super clean photo gallery!

mb.gallery is the photo gallery, with navigation bar, thumbnails, autosize frame, you can also use it to show a general public or any public Flickr Photos Flickr users.

jquery mb.gallery - super clean photo gallery more info / download hosting

 CSS3 Lightbox Gallery With jQuery

Here is the impressive image gallery that uses the latest CSS3 and jQuery techniques. The script will be able to scan a folder of images on your web server and build a complete drag and drop gallery lighbox around him.

CSS3 Lightbox Gallery With jQuerydemo  download  more info / download hosting

jQuery SuperBox Effect

jQuery Superbox is a script that lets you display windows with the lightbox effect.

jQuery SuperBox Effectdownload  more info / download hosting

Lightweight Customizable Lightbox Plugin for jQuery

Lightweight Customizable Lightbox Plugin for jQuerymore info / download hosting

jQuery FancyBox

FancyBox is a tool for displaying images, HTML content and multimedia in a Mac-style “lightbox” that floats overtop of web page.

jQuery FancyBoxmore info / download hosting

jQuery Shadowbox

Shadowbox is an application based on Web media viewer that supports all popular formats of media Web publishing. Shadowbox is written entirely in JavaScript and CSS and is highly customizable.

 jQuery Shadowboxmore info / download hosting

NyroModal jQuery Image Box

NyroModal jQuery Image Boxmore info / download hosting

jQuery Lightbox for videos

Videobox is a 6kb script, which shows your videos in the page with a background. He was inspired by Lightbox.v2 and uses part of the code of Slimbox. It is written for the wonderful mootools library. And used swfobject to embed Flash.

jQuery Lightbox for videosmore info / download hosting

Popeye jQuery  Lightbox

jQuery.popeye is an advanced image gallery script built on the jQuery JavaScript library. Use it to save space when displaying a collection of images and offer your users a pleasant and elegant to show a larger version of your images without leaving the page flow.

Popeye jQuery Lightboxmore info / download hosting

MediaboxAdvanced Modal Box jQuery

mediaboxAdvanced is a modal superposition that can process images, videos, animations, video sites link social media Twitter, inline elements and external pages with ease.

mediaboxAdvanced Modal Box jQuerymore info / download hosting

TopUp jQuery Lightbox Plugin

TopUp is an easy to use JavaScript library for displaying images discreetly and Web pages in a Web 2.0 approach to popup windows. The library is jQuery and jQuery UI driven to maintain cross-browser compatibility and compactness.

TopUp jQuery Lightbox Pluginmore info / download hosting

FancyZoom – Smooth Javascript Image Zooming

FancyZoom effect provides a smooth, clean, truly Mac-like, much as it is a function of Safari itself. Since I originally wrote this script, there are now many zoomers image of your choice (including a similar effect now on Apple's own site!), As the very popular (and inspiring) viewer.

FancyZoom - Smooth Javascript Image Zoomingdownload  more info / download hosting

Floatbox JavaScript Lightbox

Floatbox is a javascript library for displaying windowed content over Web pages. In addition to building “clone lightbox” excellent, Floatbox includes the ability to easily show video content, games of the image of cycling, improved tooltips, context menus and pop-up thumbnails.

Floatbox JavaScript Lightboxdemo  download  more info / download hosting

Highslide JavaScript Lightbox Plugin

Highslide JS is an image, media and gallery viewer written in JavaScript.

Highslide JavaScript Lightbox Plugindownload  more info / download hosting

LightWindow jQuery Plugin

LightWindow jQuery Plugindownload  more info / download hosting

Sexy Lightbox jQuery Plugin

Sexy lightbox Viewer is a clone, sexier and more lightweight, the classic Lightbox. It was built thinking to web designers, easy to install and use.

Sexy Lightbox jQuery Plugindownload  more info / download hosting

Lightview jQuery Plugin

Lightview jQuery Pluginmore info / download hosting

Picbox jQuery LightBox

Picbox is a lightweight (about 5 KB) image viewer based on Slimbox javascript Christophe Beyls great, and available by using either the MooTools or jQuery frameworks. It features automatic resizing and zooming on large images, allowing them to fit in the browser or be seen full size.

Picbox jQuery LightBoxMore info

Easybox jQuery Lightbox Plugin

EasyBox is a clone based viewer script Slimbox2 light. It offers a variety of additional features such as: displaying YouTube and Vimeo videos, posting online content, display and better animations iFrames.

Easybox jQuery Lightbox Pluginmore info / download hosting

CSS3 Lightbox

Here is beautiful lightbox effect using only CSS.

CSS3 Lightboxdemo  download   more info / download hosting