To draw the attention of your audience towards the specific part of your website, entails the use of jQuery modal popup plugins.
Modal windows are ubiquitous features in web design nowadays. By floating the information above the page while fading the rest of the content, modal window effectively draws the attention of the reader to the call of action solicited by the website.
Basically, modal windows have lots of advantages. It displays embedded information without having to load a separate page. This is great as the necessity of loading lots of pages is potentially annoying on the part of the users. Also, modal windows save vital real estate in a website. Instead of displaying the photos and videos in full sizes, you can just provide a thumbnail, or even show a button or link. When clicked they will just popup to display the media or text.
Essentially, jQuery modal popup plugins are implemented as lightboxes for videos and images, contact forms, sign-up and login interfaces, alerts and notifications, tips and search boxes.
Affiliate Disclosure: Some of the links in this post are affiliate links. If you visit those links and purchase the product you find, I will earn a commission without additional cost on your part. Before making any purchase I encourage you to evaluate the products or services on your own. This post is not meant to endorse or to recommend particular items.
Free jQuery Modal Popup Plugins
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.
LeanModal is a bare bones modal dialog windows.
Magnific Popup is a responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (Zepto.js compatible).
SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.
Colorbox – a jQuery lightbox
A lightweight customizable lightbox plugin for jQuery.
bPopup is a lightweight jQuery modal popup plugin (only 1.49KB gzipped). It doesn’t create or style your popup but provides you with all the logic like centering, modal overlay, events and more. It gives you a lot of opportunities to customize so it will fit your needs.
modalPopLite – jQuery Modal Popup Window
This is jQuery plugin supports fading background and rounded corners. It is very simple to setup and use with no complex features just a quick and simple but effective dialog box.
Premium Modal Popup Plugins
Fallr – Simple & Elegant Modal Box jQuery Plugin
Fallr is a general modal box or message window with clean UI to present a notification, confirmation, lightbox, popup, choices, attention, forms, wizard steps, welcome, notice, warning, alert, information, slider, gallery, or whatever dialog you want, in a simple and elegant way.
Twitter Boostrap Modal
jQuery Speedo Popup
Speedo popup is a small, powerful and real customizable jQuery popup / modal plugin. It is not just a simple popup, Speedo popup is: a popup / modal box Plugin, a Notification Plugin, a Lightbox Plugin, an Alert Box Plugin.
jQuery Contact Popup Plugin
This plugin takes an existing form and places it in a pop-up modal. It allows for you to pass in the form id or class, and a few options for transitions. Simply pass in your element and everything else is taken care of.
Haunted Site Pop-up Elements jQuery Plugin
Make Your Page’s HTML Elements Pop-Up Like Ghosts! Ghostify is a lightweight (5kb) and easy to use jQuery Plugin. The Plugin let you completely personalize the elements behaviour in seconds. They can fade in and out in a random position for a random duration always inside the browser window, or appear where you prefer and stay there.
Ghosts can be modal as well, forcing the user to read them! You can set the oscillation, timing, browser positioning and more. Moreover, it can be used just to place elements in your page, without any animation!
This plugin can “DIALOGIZE” all, most important the option “TYPE” that defines the type of content to dialogize.
Minimize, Maximize Dialog Modal
This is an extension of jQuery Dialog plugin, which includes: Minimize bar at the bottom to bring in focus the minimized dialog, collapse all the widgets in the front, expose all the widgets off the screen, full screen the widget, restore to normal state and more.
NagAds – jQuery plugin
This jQuery plugin will allow you to display an advertisement in a modal box. You can use this for promotional space, an image, SWF file, an iFrame or a video from YouTube. You will be able to manage the time during wich the ad will be shown (duration automatically obtained for YouTube videos), and how long before a new ad will be shown (using cookies). It’s also possible to set a link over the image, swf or video ad. You can pick the color of the modal box, change its size (except images, because it’s automatic), its opacity and even set a background image for the overlay.
Flare Responsive Mobile-Optimized Lightbox Plugin
Flare – a custom responsive, touch enabled, mobile optimized lightbox jQuery plugin, which can be used to display single images/videos or entire galleries.
adPopup Pro for jQuery
adPopup Pro is a jQuery plugin to show ads (or information) in popups to your visitors. The plugin has browser detection, OS detection, screen size detection, tablet detection, mobile detection and more built-in to show the popup only to the visitors you want to. To avoid that the user sees the popup over and over again, you get the ability to set the show_type to always, session, day, month, year, chance and more!