20 Great jQuery Modal Popup Plugins

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

Pop Easy

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.

COMPLETE INFO & DEMO

pop-up-easy-

LeanModal.js

LeanModal is a bare bones modal dialog windows.

COMPLETE INFO & DEMO

leanmodal-

Magnific Popup

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).

COMPLETE INFO & DEMO

magnific-popup-

SimpleModal

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.

COMPLETE INFO & DEMO

simple-modal-

Colorbox – a jQuery lightbox

A lightweight customizable lightbox plugin for jQuery.

COMPLETE INFO & DEMO

colorbox-

FancyBox

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.

COMPLETE INFO & DEMO

fancy-box-

bPopup

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.

COMPLETE INFO & DEMO

jquery-bopopup-plugin

Lightview

Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library.

COMPLETE INFO & DEMO

ligthview-

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.

COMPLETE INFO & DEMO

modal-pop-lite-

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.

COMPLETE INFO & DEMO

fallr-

Twitter Boostrap Modal

Twitter Bootstrap modal is plugin of Twitter bootstrap. It easy to create modal functionality to the web application (example the modal form …) and to replace the basic functionality provided by the standard javascript alert(), confirm(), and prompt() functions.

COMPLETE INFO & DEMO

twitter-bootstrap-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.

COMPLETE INFO & DEMO

jquery-speedo-popup-

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.

COMPLETE INFO & DEMO

jquery-pop-up-plugin-

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!

COMPLETE INFO & DEMO

haunted-jquery-pop-up-plugin-

JQuery Dialogize

This plugin can “DIALOGIZE” all, most important the option “TYPE” that defines the type of content to dialogize.

COMPLETE INFO & DEMO

jquery-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.

COMPLETE INFO & DEMO

minimize,-maximize-dialog-modal

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.

COMPLETE INFO & DEMO

nag-ads-jquery-plugin-

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.

COMPLETE INFO & DEMO

flare-

Highslide JS

Highslide JS is an image, media and gallery viewer written in JavaScript.

COMPLETE INFO & DEMO

high-slide-js

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!

COMPLETE INFO & DEMO

adpop-view-for-jquery-

Leave a Reply

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