jquery lightbox

The 20 Responsive jQuery Lightbox Plugins

jQuery Lightbox Plugins are most commonly used on modern websites to show users an image, multiple images or other content using a modal window to improve the user experience. There are lots of jQuery plugins that provides different useful features, but today, we will discuss 20 best responsive jQuery lightbox plugins that help you become more efficient and effective. Let’s have a look!

You May Also Like:


Lightbox is a script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers.The original lightbox script was written eight years ago but still going strong!



fancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. It is built on the top of the popular JavaScript framework jQuery and is both easy to implement and a snap to customize. Version 2 is completely rewritten with new features and updated graphics.

responsive lightbox


ColorBox is a Lightweight Customizable Lightbox Plugin built with jQuery. It allows you to display photos, grouping, slideshow, ajax, inline, and iframed content with the lightbox effect on the page.

light box


SuperBox is a new jQuery plugin that takes the whole ‘image’ and ‘lightbox’ one step further, reducing the JavaScript and image load dependence to make lightboxing a thing of the past! Using HTML5, responsive layouts and jQuery, here’s SuperBox.

image slider


Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js). Here you can find the guide on how to use Magnific Popup.

popup lightbox


VenoBox is a free responsive jQuery lightbox plugin, suitable for images, inline contents, iFrames, Google-Maps, Ajax requests, Vimeo and YouTube videos. The big difference compared to many others modal-window plugins is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window (so in small devices you can scroll down the content, avoiding vertical microscopic resized images).

jquery lightbox plugin

Highslide JS

Highslide JS is an open source JavaScript software. It allows the whole content of web site to be more attractive and user friendly. Highslide JS is incomparably better alternative to other well known and rather common lightbox scripts. Once you get it up and running, it’s really quite simple to implement and customize.

lightbox scripts


Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device. Fresco comes with fullscreen zoom, retina-ready skins, Youtube and Vimeo integration for HTML5 video and a powerful Javascript API.

lightbox javasripts

Rebox – jQuery Responsive Lightbox

Ever need a clean, simple, quick lightbox for images that is responsive, delegates, pretty, no required images, includes captions? That is exactly what Rebox does. Rebox is a light weight, responsive, mobile friendly jQuery and Zepto lightbox.

jquery light box

jQuery Lighter

jQuery Lighter is a jQuery plugin created to provide zoomable content like other lightbox plugins.

zoomable lightbx plugin


Featherlight is a very lightweight jQuery lightbox plugin. It’s simple yet flexible and easy to use. Featherlight has minimal css and uses no inline styles, everything is name-spaced, it’s completely customizable via config object and offers image, ajax and iframe support out of the box. Featherlights small footprint weights about 4kB – in total. Therefore it does not provide all functionality imaginable. But, since its small and simple, it can be extended easily.

jquery gallery plugin


Fluidbox is a simple, lightweight, flexible and easy to implement lightbox plugin written in javascript using jQuery and CSS3. Make sure you read about how to use Fluidbox.

jquery fluidbox


The Tos “R”Us is a responsive jQuery plugin for scrolling, swiping, through all different kinds of content. Tos”R”Us is pretty easy to install and setup to create lightbox popup galleries just as easy as “inline” sliders.

popup plugin


FlipLightBox is a responsive jQuery lightbox plugin that is extremely easy to implement and doesn’t require any additional stylesheets, scripts or libraries. Its main feature is an optional flip effect as each lightbox image opens and closes. Another optional feature is a toggled slide text bar and navigation to accompany the lightbox images.FlipLightBox is a responsive jQuery lightbox plugin that is extremely easy to implement and doesn’t require any additional stylesheets, scripts or libraries. Its main feature is an optional flip effect as each lightbox image opens and closes. Another optional feature is a toggled slide text bar and navigation to accompany the lightbox images.



ImageLightbox is an extraordinary simple, responsive, touch-friendly lightbox JavaScript. It’s extendable and configurable, minimalistic, and uses CSS transform and transition for moving images. If you need a lightbox only for images, not for videos, text, and iframes at once. I strongly recommend ImageLightbox.js.

Image Lightbox

Premium jQuery Lightbox Plugins


Sleek, smooth, powerful, and revolutionary jQuery lightbox plugin for creative and ambitious web designers and developers. iLightBox allows you to easily create the most beautiful responsive overlay windows using the jQuery JavaScript library. It adds beautiful and responsive Lightbox capability to your HTML and WordPress-powered website. Lightboxes automatically resize correctly on all screen resolutions, and allow for easy forward and backward navigation.

jquery lightbox

JackBox – Responsive Lightbox

JackBox is a Responsive Lightbox with real social sharing. Every image, video and song can be individually shared. This means when someone “likes” one of your photos, when a friend clicks on the shared link, they’ll instantly be shown the exact photo that was originally shared.


Zoomer jQuery Products Showcase – with Lightbox

Zoomer! is a great plugin for showcasing products, with its built-in zoom + panning + dragging features, which can be easily customized due to its flexible theme selector and config parameters, directly from the html file. Also more configurations can be edited through the css style sheet file. It comes with 3 themes, Dark, Light & Compact, to make easy the integration on your web project. The powerful jQuery library makes this component cross-platform.

Lightbox jQuery

jQuery Lightbox Evolution

Lightbox Evolution is one of the best plugin for displaying images, html content, maps, and videos in a “lightbox” style that floats overtop of web page. Using Lightbox Evolution, you can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.

Lightbox jquery

NACHO Lightbox – Flat responsive lightbox

NACHO Lightbox is the perfect plugin for showcasing images, videos, iframes and even ajax in a modern and usable manner that is available on every device.

responsive lightbox

My name is Sarah Sparkle, a Web and Graphic designer. I am passionate about all things design related including web, character, and graphic design.
Previous Post

30 Best Free Halloween Wallpapers

Next Post

The 10 Best Online Tools for Testing Code Snippets

  1. February 6, 2015

    Nice and useful plugins. Thanks

  2. Domenico
    June 4, 2015

    Hi Sarah, really a great collection.
    May I ask you something about lightbox and slider?
    I am looking for a lightbox that automatically loads the images from a directory, I know that for to do this I need JQuery and PHP or Ajax. I searched on the web, but I didn’t find a simple product like these you put in this article.
    Do you know some kind of product that I’m looking for?

    1. Sarah Sparkle
      June 4, 2015

      Thanks for the appreciation. The resources I have shared in this post would be a perfect choice for someone but sometimes we can’t get the right solution we need.

      I seriously recommend giving CodeCanyon a try to see if you can get more details that will help you figure it out.

Leave a Reply

Your email address will not be published. Required fields are marked *