20 Best jQuery Modal Window Plugins and Tutorials

Today’s collection for developers is jQuery modal window plugins.

In user interface design, a modal window is a graphical control element subordinate to an application’s main window which creates a mode where the main window can’t be used. The modal window is a child window that requires users to interact with it before it can return to operating the parent application, thus preventing the workflow on the application main window. Modal windows are often called heavy windows or modal dialogs because the window is often used to display a dialog box.

On the Web, they are often used to show images in detail text alerts such as ones implemented by Lightbox library.

Here is the collection of free jQuery Modal Window plugins for web developers.

Uglipop.js

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

rmodal.js

A simple modal dialog with no external dependencies

jQuery.modal

A simple jquery Modal boxes, alert, prompt, confirm, themes, buttons, animations, responsive and many other options included.

animatedModal.js

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

A multipurpose plugin for alert, confirm & dialog, with Extended features.

Morphing Modal Window

A call-to-action button that animates and turns into a full-size modal window.

Submodal

Add submodals to Bootstrap 3.x modals.

Inspiration for Dialog Effects

A 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

A beautiful replacement for JavaScript’s “alert”

Subscribe Better

Create a better, highly customizable subscription modal or newsletter signup window with jQuery Subscribe Better

Stackbox

Stackbox is a jQuery plugin for creating stackable modal boxes

AmaranJS jQuery Notification Plugin

Nice, sleek and stylish notifications.

popModal

jQuery plugin for showing tooltips, titles, modal dialogs and etc.

jBox

jBox is a powerful and flexible jQuery plugin, taking care of all your modal windows, tooltips, notices and more.

plainModal

Simple 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

A modal concept which aims to give a sense of depth between the page and modal layers.

Remodal

Flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking.

notifIt!

Now 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

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