Best jQuery Popup Window Plugins & Tutorials with Demo

jQuery confirmOn plugin

jQuery confirmOn plugin

A jQuery plugin for adding an easy ‘are you sure’ confirmation pop-up to a button.The confirmOn plugin shows a confirmation box when the provided events are triggered. It works exactly like jQuery’s .on() but with a confirmation step between the event and the handler. When the user answers the confirmation dialog, the handler is called with the answer as a parameter, so you can decide what to do next. The user can press the escape key which closes the dialog and doesn’t call the yes or no handlers.

Boxer : jQuery plugin for displaying images and content in a modal overlay

Boxer : jQuery plugin for displaying images and content in a modal overlay

A jQuery plugin for overlaying images or content.Boxer is a simple way to display images, inline-content or iFramed URLs in a lightbox-style modal.

Nivo Lightbox : jQuery Responsive lightbox plugin

Nivo Lightbox : jQuery Responsive lightbox plugin

A simple, flexible, responsive, retina-ready jQuery lightbox plugin.The Nivo Lightbox automatically detects the type of content you are trying to show and loads it correctly. No extra setup required. So no matter if you are trying to show images, image galleries, AJAX, Flash, Youtube or Vimeo videos, another website or just inline HTML, Nivo Lightbox has you covered.

The Nivo Lightbox uses some cutting edge CSS transition effects to make your content display in as beautiful a way as possible. We employ some progressive enhancement to make the lightbox look stunning in newer browsers, but still function correctly in older browser.

jQuery Tip Cards

jQuery Tip Cards

Tip Cards plugin let you create a layout of cards with a card-like interaction that you see on Google Tips Page. I’ve also added several new animation options so that you can personalize it to your own liking.

VenoBox : Responsive jQuery lightbox plugin

VenoBox : Responsive jQuery lightbox plugin

Just another responsive jQuery lightbox plugin, suitable for images, inline contents, iFrames, Google Maps, Vimeo and YouTube videos.

The big difference compared to many others plugins like this 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.TosRUs : jQuery plugin for scrolling/swiping

jQuery.TosRUs : jQuery plugin for scrolling/swiping

A one-stop-shop jQuery plugin for scrolling/swiping through all different kinds of content. On a desktop, tablet or smartphone, inside a HTML element or as a lightbox popup.

Features:

  • Responsive CSS interface for sizing and positioning.
  • Creates lightbox galleries just as easy as “inline” sliders.
  • Drag or swipe to slide to the next/previous slide(s).
  • Doubletab or pinch to zoom on images.
  • Slides are automatically grouped into a gallery.
  • Works just as well on a desktop as it does on a tablet or smartphone.
  • Very customizable through a series of options with device dependent defaults.
  • Viewport-scale dependent buttons and caption sizes.
  • Currently supports showing images, video’s and HTML content.
  • Optimized preloading content; not too soon, not too late.
  • Retina ready.

FancyBoxThumbs : Displays thumbnailed images in a Mac-style lightbox

FancyBoxThumbs : Displays thumbnailed images in a Mac-style lightbox

The FancyBoxThumbs extension displays thumbnailed images in a Mac-style “lightbox” that floats overtop of web page. This can create a more user friendly environment, where the user doesn’t leave the page every time they click a thumbnail.

Bootstrap Tour : Quick and easy product tours with jQuery

Bootstrap Tour : Quick and easy product tours with jQuery

Quick and easy way to build your product tours with Twitter Bootstrap Popovers.This library does not depend on the full Bootstrap package. The only dependencies are the tooltip and popover files.Bootstrap Tour saves the current step and will not display the tour again to users who have already completed it.

Christmas Pack for Layered Popups : jQuery WordPress Plugin

Christmas Pack for Layered Popups : jQuery Wordpress Plugin

Christmas Pack is a set of pre-defined Christmas and New Year multi-layer popups (10 pieces) for Layered Popups WordPress Plugin and Layered Popups Script. With this pack you can make your website more attractive, festive and enjoyable. Use these popups as a start point for your creativity and build your own popups. It’s easy!

Vex : Beautiful, functional, dialogs in Javascript

Vex : Beautiful, functional, dialogs in Javascript

Vex is a modern dialog library which is highly configurable, easily stylable, and gets out of the way. You’ll love vex because it’s tiny (6kb minified), has a clear and simple API, works on mobile devices, and can be customized to match your style in seconds.

Features:

  • Drop-in replacement for alert, confirm, and prompt
  • Easilly configurable animations which are smooth as butter
  • Tiny footprint (6kb minified) and only depends on jQuery
  • Looks and behaves great on mobile devices
  • Open multiple dialogs at once and close them individually or all at once
  • Built in CSS spinner for asynchronous dialogs