21 jQuery Modal/Dialog Windows

November 18, 2019

Collection of free jQuery modal/dialog window examples and plugins for advertisements, forms and a simple messages.

CSS Modal Windows

jQuery Modal/Dialog Examples
jQuery Modal/Dialog Plugins

Author

evans
August 1, 2016

Made with

HTML (Pug) / CSS (Stylus) / JS

About a code

Modal

Sliding modal window made with jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author

David Fitas
January 13, 2016

Made with

HTML / CSS / JS

About a code

Simple jQuery Modal

Simple modal window equipped with smooth CSS3 transitions. Commonly used for viewing annoyingly important content upon visiting a website.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

Bryce Snyder
August 30, 2015

Made with

HTML / CSS (Stylus) / JS

About a code

jQuery Modal with Animation

Success and wrong modal with animation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: bootstrap.css, jquery.js

Author

lefoy
July 10, 2015

Made with

HTML / CSS (SCSS) / JS

About a code

Animated Modal Box

Animated fullscreen modal box.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author

Michael Smith
February 17, 2015

Made with

HTML / CSS (SCSS) / JS

About a code

Swing Out Modal

Fun little modal concept in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, jquery.js

Author

LegoMushroom
December 30, 2014

Made with

HTML / CSS (Stylus) / JS (CoffeeScript)

About a code

Modal Window Destroy Concept

A small experiment on how to blow any HTML element.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, howler.js, html2canvas.js

Author

Tey Tag
October 9, 2014

Made with

HTML / CSS (SCSS) / JS

About a code

Modal Animation Physics

Messing around with keyframe/transition physics for a modal. Mostly focused on the timing between the overlay, modal container, and modal content to try to make the whole event look more organic.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Made by

Dmitri Voronianski
August 26, 2012

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.

Made by

Marcelo Dolce
April 15, 2016

Github activity

1678 stars
81 watchers

About the plugin

iziModal

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

Made by

Kyle Fox
September 18, 2010

Github activity

1549 stars
83 watchers

About the plugin

jQuery Modal

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

Made by

João Pereira
February 27, 2015

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.

Made by

Vast Engineering
January 21, 2013

Github activity

439 stars
71 watchers

About the plugin

jQuery Popup Overlay

jQuery plugin for responsive and accessible modal windows and tooltips.

Made by

dinbror
March 10, 2013

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.

Made by

Alexander Rudenka
May 6, 2012

Github activity

112 stars
8 watchers

About the plugin

OmniWindow

OmniWindow – extremely customizable modal plugin for jQuery.

Made by

Stefan Gabos
April 8, 2013

Github activity

98 stars
22 watchers

About the plugin

Zebra_Dialog

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

Made by

anseki
December 21, 2013

Github activity

70 stars
4 watchers

About the plugin

jquery-plainModal

The simple jQuery Plugin for fully customizable modal windows.

Made by

Scott O’Hara
September 24, 2015

Github activity

60 stars
4 watchers

About the plugin

Accessible Modal Dialog

jQuery a11y modal window.

Made by

Adepto.as
April 3, 2016

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.

Made by

Michał Buczko
November 10, 2011

Github activity

55 stars
4 watchers

About the plugin

Modal

jQuery plugin to create modal windows.

Made by

Elkfox
March 24, 2017

Github activity

4 stars
4 watchers

About the plugin

Focus

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

Made by

WebGadgets
April 16, 2017

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.