40 Free CSS Image Lightbox 2022

In this post, we have pick up best free jquery, css image lightbox plugin for image gallery with example code download and tutorials, there are a lot of beautiful jQuery lightbox plugin, you may finding jquery hight box such as  jquery lightbox form, jquery lightbox video , jquery lightbox gallery,css popup and jquery 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

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

Lightbox for Bootstrap

Utilizes Bootstraps modal plugin to implement a lightbox gallery.

more info / download

Responsive and Touch‑friendly Image Lightbox

responsive image lightboxmore info / download demo

Pure CSS Lightbox

more info / download

Bootstrap 4 Lightbox Gallery

more info / download


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

Bootstrap 3 Gallery

more info / download

Responsive Photo Gallery Grid with Lightbox and – No Script

more info / download

Simple Photo Gallery

more info / download

Responsive Image Gallery with jQuery Lightbox

more info / download

Simple lightbox

more info / download

CSS Gallery (Lightbox)

more info / download

Masonry Image Lightbox

more info / download

Bootstrap video gallery

more info / download


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

Bootstrap Lightbox

Utilizes Bootstraps modal plugin to implement a lightbox gallery.

bootstrap-lightboxmore info / download

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


Featherlight is a very lightweight jQuery lightbox.

lightweight-jquery-lightboxmore info / download

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

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

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

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

 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

jQuery SuperBox Effect

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

jQuery SuperBox Effectdownload  more info / download

Lightweight Customizable Lightbox Plugin for jQuery

Lightweight Customizable Lightbox Plugin for jQuerymore info / download

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

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

NyroModal jQuery Image Box

NyroModal jQuery Image Boxmore info / download

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

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

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

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

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

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

Highslide JavaScript Lightbox Plugin

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

Highslide JavaScript Lightbox Plugindownload  more info / download

LightWindow jQuery Plugin

LightWindow jQuery Plugindownload  more info / download

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

Lightview jQuery Plugin

Lightview jQuery Pluginmore info / download

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

CSS3 Lightbox

Here is beautiful lightbox effect using only CSS.

CSS3 Lightboxdemo  download   more info / download