43 Best Free CSS Image Lightbox 2022

CSS Images Lightbox
CSS Images Lightbox

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.

uikit lightboxMore info / Download Get 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).

magnific popupMore info / Download Get Hosting

Lightbox for Bootstrap

Utilizes Bootstraps modal plugin to implement a lightbox gallery.

lightbox for bootstrapMore info / Download Get Hosting

Lightbox National Park

lightbox national parkMore info / Download Get Hosting

Responsive and Touch‑friendly Image Lightbox

responsive image lightboxMore info / download Demo Get Hosting

Pure CSS Lightbox

pure css lightboxMore info / Download Get Hosting

Bootstrap 4 Lightbox Gallery

bootstrap lightbox galleryMore info / Download Get Hosting

SimpleLightbox

simplelightboxMore info / Download Get 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!

vanilla js lightboxMore info / Download Get Hosting

lightGallery

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.

lightgalleryMore info / Download Get Hosting

Bootstrap 3 Gallery

bootstrap galleryMore info / Download Get Hosting

Responsive Photo Gallery Grid with Lightbox and – No Script

responsive photo gallery grid with lightboxMore info / Download Get Hosting

Simple Photo Gallery

simple photo galleryMore info / Download Get Hosting

Responsive Image Gallery with jQuery Lightbox

responsive image gallery jqueryMore info / Download Get Hosting

Simple lightbox

simple lightboxMore info / Download Get Hosting

CSS Gallery (Lightbox)

css gallery lightboxMore info / Download Get Hosting

Masonry Image Lightbox

masonry image lightboxMore info / Download Get Hosting

Bootstrap video gallery

bootstrap video galleryMore info / Download Get Hosting

Lightbox2

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 Get Hosting

Bootstrap Lightbox

Utilizes Bootstraps modal plugin to implement a lightbox gallery.

bootstrap-lightboxMore info / Download Get 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.

image lightboxMore info / Download Get Hosting

Featherlight

Featherlight is a very lightweight jQuery lightbox.

lightweight-jquery-lightboxMore info / Download Get 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 Get 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 Get 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 Get 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 Get 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 Get Hosting

jQuery SuperBox Effect

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

jQuery SuperBox Effectdownload  More info / Download Get Hosting

Lightweight Customizable Lightbox Plugin for jQuery

Lightweight Customizable Lightbox Plugin for jQueryMore info / Download Get 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 Get 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 Get Hosting

NyroModal jQuery Image Box

NyroModal jQuery Image BoxMore info / Download Get 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 Get 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 Get 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 Get 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 Get 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 Get 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 Get Hosting

Highslide JavaScript Lightbox Plugin

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

Highslide JavaScript Lightbox Plugindownload  More info / Download Get 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 Get 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 Pluginclass="btn btn-primary" rel="nofollow">More info / download

CSS3 Lightbox

Here is beautiful lightbox effect using only CSS.

CSS3 LightboxDemo  download   More info / Download Get Hosting