Collection
Post cover
Created 4 month back

Best 29 jQuery Modal/Dialog Windows

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

Post cover

jQuery Modal

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:

⭐ Stars 👀️ Watchers 📎️ Forks
2.5k 73 663

Content Modal Box

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

Post cover

iziModal

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:

⭐ Stars 👀️ Watchers 📎️ Forks
2.1k 87 297

Modal

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

jQuery Timed Dialog Plugin

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

Swing Out Modal

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

Modal

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

Modally

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

Animated Modal Box

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

Post cover

Modal - A simple modal window

jQuery plugin to create modal windows

Author: Michał Buczko

Links: GitHub

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

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
54 5 18

Modal Box

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

Post cover

Modal Box

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:

⭐ Stars 👀️ Watchers 📎️ Forks
4 1 2
Post cover

jquery-plainModal

The simple jQuery Plugin for fully customizable modal windows.

Author: anseki

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
78 4 11
Post cover

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.

Author: Dmitri Voronianski

Links: GitHub, Website

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

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
1.8k 105 366

Modal with Backdrop Filter

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

Post cover

SweetModal

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:

⭐ Stars 👀️ Watchers 📎️ Forks
79 11 27

UI Design: Send A Postcard

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

Simple jQuery Modal

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

jQuery Simple Modal

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

Post cover

Animated Modal 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.

Author: João Pereira

Links: GitHub

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
977 38 221
Post cover

OmniWindow

OmniWindow – extremely customizable modal plugin for jQuery!

Author: 0x000000 (Alexander Rudenka)

Links: GitHub

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

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
106 8 22
Post cover

Focus / Focus

👓 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:

⭐ Stars 👀️ Watchers 📎️ Forks
14 6 6
Post cover

Zebra Dialog  

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:

⭐ Stars 👀️ Watchers 📎️ Forks
154 19 73
Post cover

Accessible Modal Dialog

Accessible modal dialogs

Author: Scott O'Hara

Links: GitHub, Website

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

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
252 12 27

Modal Window Destroy Concept

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

Post cover

jQuery Popup Overlay

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:

⭐ Stars 👀️ Watchers 📎️ Forks
516 62 141

Modal Animation Physics

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

jQuery Modal with Animation

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

Post cover

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.

Author: dinbror

Links: GitHub, Website

Made with: JavaScript (100.0%)

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
426 45 268

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback