Best 29 jQuery Modal/Dialog Windows

Author: Brian Haferkamp

Links: demo and code

Made with: HTML / CSS / JS

Using the backdrop-filter we can create a filter layer when a modal is opened. Easily create the typical darkened background but you can also create some interesting effects by chaining filters.

Compatible browsers: Chrome, Edge, Opera, Safari

Responsive: yes

Dependencies: material-design-iconic-font.css

Author: Hikka_666

Links: demo and code

Made with: HTML / CSS / JS

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

Responsive: yes

Dependencies: font-awesome.css

Author: Santosh Singh Chauhan

Links: demo and code

Made with: HTML / CSS / JS

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

Responsive: yes

Dependencies: font-awesome.css

Author: Olivia Ng

Links: demo and code

Made with: HTML (Pug) / CSS (SCSS) / JS

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

Responsive: yes

Dependencies: simple-line-icons.css

Author: evans

Links: demo and code

Made with: HTML (Pug) / CSS (Stylus) / JS

Sliding modal window made with jQuery.

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

Responsive: yes

Dependencies: jquery.js

Author: David Fitas

Links: demo and code

Made with: HTML / CSS / JS

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

Dependencies: jquery.js

Author: Bryce Snyder

Links: demo and code

Made with: HTML / CSS (Stylus) / JS

Success and wrong modal with animation.

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

Responsive: yes

Dependencies: bootstrap.css, jquery.js

Author: lefoy

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Animated fullscreen modal box.

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

Responsive: yes

Dependencies: jquery.js

Author: Michael Smith

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

Fun little modal concept in jQuery.

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

Dependencies: font-awesome.css, jquery.js

Author: LegoMushroom

Links: demo and code

Made with: HTML / CSS (Stylus) / JS (CoffeeScript)

A small experiment on how to blow any HTML element.

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

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

Author: Tey Tag

Links: demo and code

Made with: HTML / CSS (SCSS) / JS

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

Author: Max Zhurkin

Links: github page

Made with: HTML / CSS / JS

Very simple responsive jQuery modal plugin.

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

Responsive: yes

Author: Armino Popp

Links: github page

Made with: HTML / CSS / JS

A jQuery plugin for creating a timed modal dialog.

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

Responsive: yes

Author: Coding Market

Links: github page

Made with: HTML / CSS / JS

Modal box using HTML, CSS and jQuery.

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

Responsive: yes

Author: Nikola Stamatovic

Links: github page

Made with: HTML / CSS / JS

Simple jQuery plugin for nested modals.

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

Responsive: yes

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.

Author: Dmitri Voronianski

Links: GitHub, Website

Made with: JavaScript (40.2%), CSS (32.7%), HTML (27.1%)

GitHub Activity:

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

Author: Marcelo Dolce

Links: GitHub, Website

Made with: CSS (67.8%), JavaScript (32.2%)

GitHub Activity:

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

The simplest possible modal for jQuery

Author: Kyle Fox

Links: GitHub, Website

Made with: JavaScript (70.4%), CSS (29.6%)

GitHub Activity:

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.

Author: João Pereira

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

jQuery plugin for responsive and accessible modal windows and tooltips

Author: Vast Engineering

Links: GitHub, Website

Made with: HTML (50.9%), JavaScript (49.1%)

GitHub Activity:

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.

Author: dinbror

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

OmniWindow – extremely customizable modal plugin for jQuery!

Author: 0x000000 (Alexander Rudenka)

Links: GitHub

Made with: JavaScript (93.8%), CSS (6.2%)

GitHub Activity:

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

Author: Stefan Gabos

Links: GitHub, Website

Made with: JavaScript (91.2%), SCSS (8.8%)

GitHub Activity:

The simple jQuery Plugin for fully customizable modal windows.

Author: anseki

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

Accessible modal dialogs

Author: Scott O'Hara

Links: GitHub, Website

Made with: HTML (66.9%), JavaScript (27.6%), CSS (5.5%)

GitHub Activity:

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

Author: visma-meglerfront

Links: GitHub

Made with: CSS (56.5%), CoffeeScript (36.5%), JavaScript (7.0%)

GitHub Activity:

jQuery plugin to create modal windows

Author: Michał Buczko

Links: GitHub

Made with: JavaScript (50.2%), CSS (49.8%)

GitHub Activity:

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

Author: Elkfox

Links: GitHub, Website

Made with: JavaScript (75.0%), CSS (25.0%)

GitHub Activity:

Easy to integrate jQuery responsive Modal box / Popup window

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.

Author: webgadgets

Links: GitHub, Website

Made with: HTML (100.0%)

GitHub Activity: