20 Free jQuery Modal Window Plugins for Developers

This is the collection of free jQuerp modal window plugins. Before pop-up blockers were created, these windows simply pop up on top of the main browser window with animated ads that can be quite annoying. Users had to fight through a lot of windows in minute’s interval. In fact, most people close the site just to stay away from those windows.

Now, there is another breed of the same kind that does open a new browser window. Instead, it appears within the current window above the content. This is called modal window. It usually shows a small window with dark sides as not to show the content given below. This is used to shift the attention of the visitor to the modal window instead of being distracted by the content.

The easiest way to get subscribers is to give them a simple modal window. Modal windows are great because when they are activated they shade the content on the main page below the subscription form.

This means more attention is going to be on form than on the page below. Modal windows may give you a subscription rate of more than 50%.

Uglipop.js

jquery modal window

An ultra lightweight,unstyled 2kb Minimal Javascript. Is Lightweight Non-fancy Modal Written is JS , Uglipop is highly customizable

 

rmodal.js

2.jQuery-Modal-PluginA simple modal dialog with no external dependencies

 

jQuery.modal

3.jQuery-Modal-PluginA simple jquery Modal boxes, alert, prompt, confirm, themes, buttons, animations, responsive and many other options included.

 

animatedModal.js

4.jQuery-Modal-PluginanimatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions from animate.css or create your own transitions.

 

jQuery Confirm

5.jQuery-Modal-PluginA multipurpose plugin for alert, confirm & dialog, with Extended features.

 

Morphing Modal Window

6.jQuery-Modal-PluginA call-to-action button that animates and turns into a full-size modal window.

 

Submodal

7.jQuery-Modal-PluginAdd submodals to Bootstrap 3.x modals.

 

Inspiration for Dialog Effects

8.jQuery-Modal-PluginA small collection of dialog effects using CSS animations for your inspiration. Some effects use SVG animations of morphing paths with the help of Snap.svg.

 

SweetAlert

9.jQuery-Modal-PluginA beautiful replacement for JavaScript’s “alert”

 

Subscribe Better

10.jQuery-Modal-PluginCreate a better, highly customizable subscription modal or newsletter signup window with jQuery Subscribe Better

 

Stackbox

11.jQuery-Modal-PluginStackbox is a jQuery plugin for creating stackable modal boxes

 

AmaranJS jQuery Notification Plugin

12.jQuery-Modal-PluginNice, sleek and stylish notifications.

 

popModal

13.jQuery-Modal-PluginjQuery plugin for showing tooltips, titles, modal dialogs and etc.

 

jBox

14.jQuery-Modal-PluginjBox is a powerful and flexible jQuery plugin, taking care of all your modal windows, tooltips, notices and more.

 

plainModal

15.jQuery-Modal-PluginSimple jQuery Plugin for customizable modal windows. plainModal has basic functions only, and it does nothing for styles. It has no image files and no CSS files. Just one small file.

 

Avgrund

16.jQuery-Modal-PluginA modal concept which aims to give a sense of depth between the page and modal layers.

 

Remodal

17.jQuery-Modal-PluginFlat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking.

 

notifIt!

18.jQuery-Modal-PluginNow you can send notifications of everything you want and when you want, simply and quickly. Easy to learn and use. Customize with your favorite colors, define the size you want, set the opacity, make a sticky one and much more!

 

toastr

19.jQuery-Modal-Plugintoastr is a Javascript library for non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended.

 

Bootstrap Dialog

20.jQuery-Modal-PluginMake use of Twitter Bootstrap’s modal more monkey-friendly.Please note that this project is for Bootstrap 3.