Best jQuery Popup Window Plugins & Tutorials with Demo

    jQuery Horizontal Gridfolio Pro

    jQuery Horizontal Gridfolio Pro

    Horizontal Gridfolio Pro is a fully responsive media grid plugin that allows you to display media content with an unique and original layout. It’s perfect for presentations, for anyone that want to obtain a great impact on their visitors.

    Horizontal Gridfolio Pro features a large variety of options, it can have any number of categories and each category can have any number of images. When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, no action or open a webpage. The lightbox can display images, iframe (html pages) and videos loaded from YouTube or Vimeo.

    Features:

    • Responsive / Flexible / Fluid layout: the grid can be used with three display types, responsive/fixed, fluid width or fullscreen.
    • Autoscale: The grid can resize it’s height proportional to the width this way on smaller screens it will keep a correct ratio and it will be completely visible (optional).
    • Drag or Scroll Function: The grid can be dragged with the mouse/finger or scrolled like a regular HTML page.
    • Mouse wheel support: The grid can be scrolled with the mouse wheel (optional).

    ZoomBox 2 – The Photographer’s Premium Lightbox in jQuery & CSS3

    ZoomBox 2 - The Photographer's Premium Lightbox in jQuery & CSS3

    ZoomBox 2 – The Photographer’s Lightbox ! What makes ZoomBox unique to the other lightbox scripts ? In short – quality, user-friendliness, design and social media connectivity. Take a look at the demos and be convinced.

    Features:

    • HTML5 technology – this gallery uses the latest html5 tehniques ( like Histroy API ) to deliver a never seen before experience to your clients
    • fully responsive – looks great from mobile to HD
    • touch optimized – touch devices are not forgotten
    • two skins – two full skins to fit every brand
    • CSS3 technology – this player uses cutting-edge css3 definitions
    • Retina-ready – graphics have double resolution for smooth retina viewing
    • easy install – purchase, download the zip, read the docs
    • iPhone / iPad optimized – this gallery has been optimized for Apple touch devices
    • Android optimized – this component has been tested on Android 4.0 and works awesome
    • truly social – Zoombox 2 is truly social. It features the Facebook Like widget and Facebook Chat so your fans can comment on your art. And because deeplinking is done right in ZoomBox 2, each photo has it’s own likes and comments, even if on the same page. Wow!

    Swipebox : A touchable jQuery lightbox

    Swipebox : A touchable jQuery lightbox

    Swipebox is a jQuery “lightbox” plugin for desktop, mobile and tablet.

    Features:

    • Swipe gestures for mobile
    • Keyboard Navigation for desktop
    • CSS transitions with jQuery fallback
    • Retina support for UI icons
    • Easy CSS customization

    Pop Easy : jQuery plugin to easily create modal windows

    Pop Easy : jQuery plugin to easily create modal windows

    A light weight jQuery plugin that is a must have for any developer to easily create modal windows. Put focus on important elements by applying a mask to your page and opening a customizable pop up modal window.

    zerobox : jQuery Lightweight, animated lightbox plugin

    zerobox : jQuery Lightweight, animated lightbox plugin

    Lightweight, animated lightbox plugin for jQuery JavaScript library.Getting zerobox up and running is easy. The plugin only requires that include its source on your pages and give its method a link it will use to invoke the lightbox.

    Bootbox.js : jQuery flexible dialogs for Twitter’s Bootstrap

    Bootbox.js : jQuery flexible dialogs for Twitter's Bootstrap

    Bootbox.js is a small jQuery library which allows you to create programmatic dialog boxes using Twitter’s Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers.

    BlueprintUI: jQuery Responsive Modal with CSS3

    BlueprintUI: jQuery Responsive Modal with CSS3

    BlueprintUI Responsive Modal is a super simple fully featured jQuery modal plugin with more than 30 CSS3 powered animation possibilities and 7 home made themes to use it.

    Features:

    • Responsive Design – The layout adpats to the viewing environment.
    • CSS3 Animation – 31 funny and really smooth animations.
    • Themeable – 7 provided themes and simple api to create more.
    • 3D Scaling – If the browser support 3D, you can add a super smooth scaling effect to the overlay.
    • Extensive Documentation – The plugin is provided with an extensive documentation to help you use it

    jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

    jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

    A jQuery UI theme based on Twitter Bootstrap.This project was started to bring the beauty and ease-of-use of Twitter Bootstrap to jQuery UI widgets.In their original forms, jQuery UI and Bootstrap can’t coexist resulting in conflicts with both CSS classes and styles as well as JavaScript when you do try to use them. jQuery UI Bootstrap provides the JavaScript and CSS required to quickly start a project using both jQuery UI and Twitter Bootstrap.

    Our solution offers a custom version of Bootstrap compatible with jQuery UI as well as a Bootstrap-themed jQuery UI theme you can use to prototype your projects.

    Magnific Popup : Responsive jQuery Lightbox Plugin

    Magnific Popup : Responsive jQuery Lightbox Plugin

    Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (Zepto.js compatible).Magnific Popup displays images before they’re completely loaded to take full advantage of progressive loading. For in and out transitions CSS3 is used instead of slow JavaScript animation.

    Plugin has an option to automatically switch to alternative mobile-friendly source on small screen size.

    jQuery Visage : Display a series of images in a lightbox-like way

    jQuery Visage : Display a series of images in a lightbox-like way

    jQuery Visage provides a stable (no partially displayed elements), robust (it closes when you click close), styleable (CSS), customizable (you can reprogram many aspects of its behavior) and clean (being an jQuery plugin) way to display a series of images in a lightbox-like way.