A repository of over 1000 quality jQuery plugins

jQuery Vanillabox

Vanillabox is a jQuery Dialogs / Lightboxes plugin.

Created by Cocopon

Simple, modern Lightbox-like plugin for jQuery

Not what you're looking for? Click here to view more Dialogs / Lightboxes jQuery plugins

Vanillabox Build Status


Vanillabox is a simple, modern Lightbox-like plugin for jQuery. You can easily setup your image gallery with this plugin.

See the official page for more information.

Why Vanillabox?

  • Simple design, no decoration. It focuses your content.
  • Suitable for modern browsers that include mobile ones. It works nicely whether or not to zoom a page.
  • Free for commercial use. It's licenced under the MIT License.

System Requirements

  • jQuery 1.7+
  • Chrome, Firefox, Safari, Opera, Internet Explorer 9+, iOS 6+ (Safari), Android 4.1.2+ (AOSP, Chrome)

How to Build Your Own Vanillabox

If you just want to use Vanillabox, get a compressed file from the official page. You may not need to perform the following steps.

First, these commands are required to setup a development environment:

Install required npm packages:

npm install -g gulp

Next, clone the repository and get source files:

git clone https://github.com/cocopon/vanillabox

Then move into the project directory, and run npm to install required npm packages:

cd path/to/vanillabox
npm install

All done! Now you can use gulp tasks for development.

gulp build

Common Gulp Tasks

Command Description
gulp test Runs unit tests
gulp js Generates an uncompressed JS file
gulp sass:theme Translates theme SCSS files into CSS files
gulp js:dist Compiles JS files
gulp dist Generates a package archive

You might also like these other Dialogs / Lightboxes jQuery Plugins

  • interceptjs

    jQuery Plugin to Handle ‘Call to Action’ Intercepts

  • marginotes

    Quick, cool margin notes with jQuery

  • MediumLightbox

    Nice and elegant way to add zooming functionality for images, inspired by medium.com