Post thumbnail: 14 jQuery Modal/Dialog Window Plugins

14 jQuery Modal/Dialog Window Plugins

Collection of free jQuery modal/dialog window plugins for advertisements, subscription form, uploading forms, login/register forms or for displaying a simple message.

Demo image: jQuery Avgrund
Made by
  • Dmitri Voronianski
Github activity
  • 1831 stars
  • 111 watchers
About the plugin

Avgrund

Avgrund is a jQuery plugin for your modal boxes and popups. It uses new concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations.

Demo image: iziModal
Made by
  • Marcelo Dolce
Github activity
  • 1678 stars
  • 81 watchers
About the plugin

iziModal

Elegant, responsive, flexible and lightweight modal plugin with jQuery.

Features
  • fast
  • responsive
  • animated
  • lightweight
  • customizable
  • history
  • group mode
  • retina
Demo image: jQuery Modal
Made by
  • Kyle Fox
Github activity
  • 1549 stars
  • 83 watchers
About the plugin

jQuery Modal

A simple & lightweight method of displaying modal windows with jQuery.

Demo image: Animated Modal
Made by
  • João Pereira
Github activity
  • 842 stars
  • 43 watchers
About the plugin

Animated Modal

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.

Demo image: jQuery Popup Overlay
Made by
  • Vast Engineering
Github activity
  • 439 stars
  • 71 watchers
About the plugin

jQuery Popup Overlay

jQuery plugin for responsive and accessible modal windows and tooltips.

Features
  • positioned with CSS
  • suitable for responsive web design
  • always visible
  • accessible: keyboard navigable using Tab key. WAI-ARIA roles are added automatically if missing.
  • device independent
  • flexible and customizable: supports multiple popup instances, custom CSS3 animations and transitions
Demo image: bPopup
Made by
  • dinbror
Github activity
  • 427 stars
  • 48 watchers
About the plugin

bPopup

bPopup is a lightweight jQuery modal popup plugin (only 1.34KB 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.

Demo image: OmniWindow
Made by
  • Alexander Rudenka
Github activity
  • 112 stars
  • 8 watchers
About the plugin

OmniWindow

OmniWindow – extremely customizable modal plugin for jQuery.

Features
  • modal window is not an image gallery
  • HTML and CSS should be outside of the plugin code
  • you can decide yourself which animations will annoy user's eyes
  • magic numbers and tons of options? Not here
  • callbacks are good for javascript
  • default behaviour should be unobtrusive
  • 150 lines of code are enough for modal window plugin
Demo image: Zebra_Dialog
Made by
  • Stefan Gabos
Github activity
  • 98 stars
  • 22 watchers
About the plugin

Zebra_Dialog

A small, compact, and highly configurable jQuery plugin for creating modal dialog boxes.

Features
  • great looking dialog boxes, out of the box, with 2 themes included
  • 5 types of dialog boxes available: confirmation, information, warning, error and question
  • content can also be added through AJAX calls, iFrames or from inline elements (together with attached events)
  • easily customisable appearance by editing the CSS file
  • create modal or non-modal dialog boxes
  • easily add custom buttons
  • position the dialog box wherever you want - not just in the middle of the screen
  • callback functions can be used for further customisations
  • use callback functions to handle users' choice
  • works in all major browsers (Firefox, Opera, Safari, Chrome, Internet Explorer 6+)
Demo image: jquery-plainModal
Made by
  • anseki
Github activity
  • 70 stars
  • 4 watchers
About the plugin

jquery-plainModal

The simple jQuery Plugin for fully customizable modal windows.

Features
  • showing the specified element as the modal window, and hiding it
  • covering a page with an overlay
  • avoiding focusing the outside elements of the modal window (by pressing Tab key)
  • avoiding scrolling a page window
  • hiding the modal window when Escape key is pressed
Demo image: Accessible Modal Dialog
Made by
  • Scott O'Hara
Github activity
  • 60 stars
  • 4 watchers
About the plugin

Accessible Modal Dialog

jQuery a11y modal window.

Demo image: SweetModal
Made by
  • Adepto.as
Github activity
  • 56 stars
  • 10 watchers
About the plugin

SweetModal

Sweet, easy and powerful modals using jQuery. Replace alert(), confirm(), prompt() and many plugins with style and elegance.

Demo image: Modal
Made by
  • Michał Buczko
Github activity
  • 55 stars
  • 4 watchers
About the plugin

Modal

jQuery plugin to create modal windows.

Demo image: Focus
Made by
  • Elkfox
Github activity
  • 4 stars
  • 4 watchers
About the plugin

Focus

A minimal popup, modal, notification, overlay, drawer and dialogue window plugin.

Features
  • under 4kb
  • easy to use data API
  • jQuery events
Demo image: Modal Box
Made by
  • WebGadgets
Github activity
  • 0 stars
  • 1 watchers
About the plugin

Modal Box

The plugin Modal Box helps you to create a window that pops up in front of other elements on your page. It can be used for advertisements, subscription form, uploading forms, login/register forms or for displaying a simple message to the visitor.

Back to top