34 jQuery Modal/Dialog Windows

About a code

Expanding Contact Button and Popup Sendmessage

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

Responsive: no

Dependencies: ionicons.css

About a code

Modal with Backdrop Filter

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

About a code

Modal

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

Responsive: yes

Dependencies: font-awesome.css

About a code

Content Modal Box

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

Responsive: yes

Dependencies: font-awesome.css

About a code

Tour Modal Slider

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

Responsive: yes

Dependencies: bootstrap.css, slick.css, bootstrap.js, slick.js

About a code

UI Design: Send A Postcard

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

Responsive: yes

Dependencies: simple-line-icons.css

About a code

Video + Blend Modes = Cool modal

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

Responsive: yes

Dependencies: -

About a code

Modal

Sliding modal window made with jQuery.

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

Responsive: yes

Dependencies: jquery.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

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

About a code

Button Fill Animation

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

Responsive: no

Dependencies: -

About a code

Animated Modal Box

Animated fullscreen modal box.

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

Responsive: yes

Dependencies: jquery.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

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

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

About a code

Success Popup

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

Responsive: no

Dependencies: -

About a code

jQuery Simple Modal

Very simple responsive jQuery modal plugin.

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

Responsive: yes

Dependencies: -

About a code

jQuery Timed Dialog Plugin

A jQuery plugin for creating a timed modal dialog.

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

Responsive: yes

Dependencies: -

About a code

Modal Box

Modal box using HTML, CSS and jQuery.

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

Responsive: yes

Dependencies: -

About a code

Modally

Simple jQuery plugin for nested modals.

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

Responsive: yes

Dependencies: -

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.

iziModal

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

jQuery Modal

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

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.

jQuery Popup Overlay

jQuery plugin for responsive and accessible modal windows and tooltips.

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.

OmniWindow

OmniWindow – extremely customizable modal plugin for jQuery.

Zebra_Dialog

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

jquery-plainModal

The simple jQuery Plugin for fully customizable modal windows.

Accessible Modal Dialog

jQuery a11y modal window.

SweetModal

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

Modal

jQuery plugin to create modal windows.

Focus

A minimal popup, modal, notification, overlay, drawer and dialogue window 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.