Top 50 Modal jQuery Plugins Of 2017 (So Far)

by jQueryScript,

The modal jQuery plugin allows you to overlay any web content (such as images, videos, text, ajax contents) on top of the webpage. In this post you will find the top 50 best jQuery Modal plugins for modern web design. I hope you like it.

Top 50 jQuery Modal Plugins:

jQuery Plugin To Embed Youtube Video In Modal Popup - ShowYtVideo

ShowYtVideo is a lightweight jQuery plugin that makes it easy to embed/display/play a specific Youtube video in a fullscreen modal popup.

https://www.jqueryscript.net/lightbox/jQuery-Plugin-To-Embed-Youtube-Video-In-Modal-Popup-ShowYtVideo.html

[Demo] [Download]

Responsive CSS3 Animated jQuery Modal Plugin - iziModal

iziModal is a simple, fast jQuery plugin which lets you create responsive, beautiful, highly customizable modal windows with CSS3 powered transition effects.

https://www.jqueryscript.net/lightbox/Responsive-CSS3-Animated-jQuery-Modal-Plugin-iziModal.html

[Demo] [Download]

3D Book Flipping Modal Popup With jQuery And CSS3

A jQuery and CSS3 based modal popup which allows to reveal the hidden content with a 3D book flipping animation.

https://www.jqueryscript.net/animation/3D-Book-Flipping-Modal-Popup-With-jQuery-CSS3.html

[Demo] [Download]

Beautiful Animated Modal Window Plugin With jQuery - SweetModal

SweetModal is a simple, sweet, customizable, animated jQuery modal plugin used to replace the default alert / prompt / confirm dialog boxes.

https://www.jqueryscript.net/lightbox/Beautiful-Animated-Modal-Window-Plugin-With-jQuery-SweetModal.html

[Demo] [Download]

jQuery Extension To Minimize And Maximize Bootstrap Modals

A jQuery & jQuery UI extension for Bootstrap that allows the user to minimize and maximize multiple Bootstrap modal windows like the desktop applications.

https://www.jqueryscript.net/lightbox/jQuery-Extension-To-Minimize-And-Maximize-Bootstrap-Modals.html

[Demo] [Download]

Full Window Modal-style Photo Gallery Plugin with jQuery - picEyes

picEyes is a simple, lightweight jQuery gallery / image viewer plugin for presenting your images in fullscreen mode.

https://www.jqueryscript.net/gallery/Full-Window-Modal-style-Photo-Gallery-Plugin-with-jQuery-picEyes.html

[Demo] [Download]

Lightweight jQuery Plugin To Render Modal Videos - ModalVideo

ModalVideo is a super tiny jQuery plugin for playing videos in a modal popup that currently handles Youtube videos and MP4 videos using html5 native controls.

https://www.jqueryscript.net/lightbox/Lightweight-jQuery-Plugin-To-Render-Modal-Videos-ModalVideo.html

[Demo] [Download]

Minimal Responsive iFrame Popup Plugin For jQuery - WMBox

WMBox is an ultra-light (~1kb) jQuery plugin which lets you create a responsive modal popup to display external content like Youtube or Vimeo videos.

https://www.jqueryscript.net/lightbox/Minimal-Responsive-iFrame-Popup-Plugin-For-jQuery-WMBox.html

[Demo] [Download]

Simple Fast Popup Window Plugin For jQuery - simple-popup.js

simple-popup.js is a simple, fast jQuery popup plugin which lets you create highly customizable modal pop boxes with configurable fade in/out effects.

https://www.jqueryscript.net/lightbox/Simple-Fast-Popup-Window-Plugin-For-jQuery-simple-popup-js.html

[Demo] [Download]

Nice Material Design Modal Dialog Plugin With jQuery - MDL

MDL is a lightweight jQuery plugin used for displaying Google Material Design styled modal windows or dialog boxes on the webpage.

https://www.jqueryscript.net/lightbox/Nice-Material-Design-Modal-Dialog-Plugin-With-jQuery-MDL.html

[Demo] [Download]

Responsive Lightbox Gallery Plugin With jQuery And Bootstrap - Modallery

Modallery is a lightweight, responsive jQuery/Bootstrap lightbox gallery plugin which display a group of images in a Bootstrap modal with arrow/keyboard/thumbnail navigation.

https://www.jqueryscript.net/gallery/Responsive-Lightbox-Gallery-Plugin-With-jQuery-Bootstrap-Modallery.html

[Demo] [Download]

Simple Responsive Youtube Video Modal Plugin With jQuery - YU2FVL

YU2FVL is a lightweight jQuery Plugin that plays any Youtube video in a responsive, fullscreen modal window while keeping the aspect ratio.

https://www.jqueryscript.net/other/Simple-Responsive-Youtube-Video-Modal-Plugin-With-jQuery-YU2FVL.html

[Demo] [Download]

Responsive Fullscreen Modal Plugin For Bootstrap 3 And 4

bs-modal-fullscreen.js is a jQuery plugin that makes your Bootstrap 3 / 4 modal component responsive and fullscreen to fit any screen size.

https://www.jqueryscript.net/lightbox/Responsive-Fullscreen-Modal-Plugin-For-Bootstrap-3-4.html

[Demo] [Download]

Lightweight Exit Modal Plugin With jQuery And Bootstrap - exit-modal

exit-modal is an useful jQuery plugin for your landing page that displays a custom Bootstrap modal window when the users try to exit the current page.

https://www.jqueryscript.net/other/Lightweight-Exit-Modal-Plugin-With-jQuery-And-Bootstrap-exit-modal.html

[Demo] [Download]

Minimal Responsive Video Lightbox Plugin For jQuery - Video Modal

Video Modal is an easy jQuery video lightbox plugin that allows you to play an html5 video in a fullscreen, responsive modal popup with custom controls.

https://www.jqueryscript.net/lightbox/Minimal-Responsive-Video-Lightbox-Plugin-For-jQuery-Video-Modal.html

[Demo] [Download]

Awesome Swing Out Modal with jQuery and CSS3

This is jQuery & CSS3 based modal component that helps you create a beautiful, responsive modal popup with an awesome swing out animation when triggered.

https://www.jqueryscript.net/lightbox/Awesome-Swing-Out-Modal-with-jQuery-CSS3.html

[Demo] [Download]

Minimalist Inline Modal/Popup Plugin With jQuery - simplePopup

simplePopup is a simple, fast jQuery popup plugin which helps you create modal & popup windows from inline elements within the document.

https://www.jqueryscript.net/lightbox/Minimalist-Inline-Modal-Popup-Plugin-With-jQuery-simplePopup.html

[Demo] [Download]

Tabbed Bootstrap Modal Plugin With jQuery - Tab Modal

Tab Modal is a jQuery & jQuery UI widget that lets you embed tabbed content into a Bootstrap modal window.

https://www.jqueryscript.net/lightbox/Tabbed-Bootstrap-Modal-Plugin-With-jQuery-Tab-Modal.html

[Demo] [Download]

Cookie-enabled Exit Popup Window Plugin With jQuery - ysExitPopup

ysExitPopup is a really simple jQuery exit modal plugin that shows a cookie-enabled modal popup when your cursor moves out of view.

https://www.jqueryscript.net/other/Cookie-enabled-Exit-Popup-Window-Plugin-With-jQuery-ysExitPopup.html

[Demo] [Download]

Responsive Accessible Modal Plugin With jQuery - Modaal

Modaal is a simple yet robust jQuery plugin that helps you create responsive, accessible and fully customizable modal windows on the webpage.

https://www.jqueryscript.net/lightbox/Responsive-Accessible-Modal-Plugin-With-jQuery-Modaal.html

[Demo] [Download]

Cool Modal Animations with jQuery and CSS3

This is a collection of 7 awesome modal open / close animations built with JavaScript and several CSS3 properties.

https://www.jqueryscript.net/lightbox/Cool-Modal-Animations-with-jQuery-CSS3.html

[Demo] [Download]

Easy Modal Popup Plugin with jQuery and Bootstrap Styles - popItUp

popItUp is a lightweight jQuery plugin that uses Bootstrap styles to create fully customizable, ajax-enabled, modal-style popup windows with some cool jQuery animation effects.

https://www.jqueryscript.net/lightbox/Easy-Modal-Popup-Plugin-with-jQuery-and-Bootstrap-Styles-popItUp.html

[Demo] [Download]

Performant Mobile-friendly jQuery Modal Plugin - MultiModal

MultiModal is a lightweight, flexible jQuery plugin used to create beautiful, performant modal windows & dialog boxes for both desktop and mobile.

https://www.jqueryscript.net/lightbox/Performant-Mobile-friendly-jQuery-Modal-Plugin-MultiModal.html

[Demo] [Download]

jQuery Plugin For Dynamic AJAX Bootstrap Modal - loadmodal.js

loadmodal.js is a jQuery plugin used to create Bootstrap modal windows with dynamic, custom content served through AJAX request.

https://www.jqueryscript.net/lightbox/jQuery-Plugin-For-Dynamic-AJAX-Bootstrap-Modal-loadmodal-js.html

[Demo] [Download]

Simple iFrame Modal Plugin With jQuery - modallink

modallink is a simple but fully configurable plugin which enables you to display any external links into a modal popup via iframe.

https://www.jqueryscript.net/lightbox/Simple-iFrame-Modal-Plugin-With-jQuery-modallink.html

[Demo] [Download]

CSS3 Animated Fullscreen Modal Plugin For jQuery

ap-fullscreen-modal is a tiny jQuery plugin used for showing a responsive, fullscreen modal window with a configurable CSS3 powered animation.

https://www.jqueryscript.net/lightbox/CSS3-Animated-Fullscreen-Modal-Plugin-For-jQuery.html

[Demo] [Download]

Minimal Clean jQuery Modal & Dialog Plugin - tinyLayer

tinyLayer is a jQuery plugin used to create minimal, clean looking modals and/or dialog boxes that helps display alerts, notifications or content layers on the webpage.

https://www.jqueryscript.net/lightbox/Minimal-Clean-jQuery-Modal-Dialog-Plugin-tinyLayer.html

[Demo] [Download]

Custom Dialog Popup jQuery Plugin For Bootstrap - Bootstrap-popup

Bootstrap-popup is a jQuery plugin that helps you create custom toast, confirmation, prompt dialog boxes using Bootstrap modal component.

https://www.jqueryscript.net/lightbox/Custom-Dialog-Popup-jQuery-Plugin-For-Bootstrap-Bootstrap-popup.html

[Demo] [Download]

Tiny Flexible Modal & Dialog Plugin With jQuery - flexModal

flexModal is a jQuery plugin that helps you create flexible, customizable, AJAX-enabled modal windows for alerts, notifications, dialog boxes and many more.

https://www.jqueryscript.net/other/Tiny-Flexible-Modal-Dialog-Plugin-With-jQuery-flexModal.html

[Demo] [Download]

Lightweight Modal Dialog Plugin For Bootstrap - Bootstrap Confirm

Bootstrap Confirm is a simple, lightweight jQuery/Bootstrap plugin for creating various types of confirmation / alert dialog boxes using Bootstrap's modal component.

https://www.jqueryscript.net/other/Lightweight-Modal-Dialog-Plugin-For-Bootstrap-Bootstrap-Confirm.html

[Demo] [Download]

jQuery Plugin For Multi-functional Bootstrap Modal - Modal Extras

Modal Extras is a small jQuery plugin to extend and enhance the default Bootstrap's modal component.

https://www.jqueryscript.net/lightbox/jQuery-Plugin-For-Multi-functional-Bootstrap-Modal-Modal-Extras.html

[Demo] [Download]

Animated AJAX-Enabled Modal Plugin With jQuery - Modal.js

A simple, flexible jQuery modal plugin used to present any DOM element or AJAX content in a dynamic, animated, responsive modal window with several useful options.

https://www.jqueryscript.net/lightbox/Animated-AJAX-Enabled-Modal-Plugin-jQuery-Modal-js.html

[Demo] [Download]

jQuery Plugin For Scroll-triggered Popup Box - jPop

jPop is a jQuery popup plugin that detects the distance from top of the webpage and shows a modal popup as you scroll down the webpage.

https://www.jqueryscript.net/other/jQuery-Plugin-For-Scroll-triggered-Popup-Box-jPop.html

[Demo] [Download]

Ajax-enabled Animated Modal Plugin with jQuery - IPtools Modal

IPtools Modal is a tiny and simple-to-use jQuery plugin that lets you create highly customizable and responsive modal windows with fancy CSS3 animations.

https://www.jqueryscript.net/lightbox/Ajax-enabled-Animated-Modal-Plugin-with-jQuery-IPtools-Modal.html

[Demo] [Download]

Autoplay Youtube Videos In Bootstrap Modal - jQuery YoutubeModal

Just another jQuery plugin which enables you to open and autoplay Youtube videos in a popup window using Bootstrap modal component.

https://www.jqueryscript.net/other/Autoplay-Youtube-Videos-In-Bootstrap-Modal-jQuery-YoutubeModal.html

[Demo] [Download]

Basic Modal Plugin For Images And Youtube/Vimeo Videos - lightboxController

The lightboxController jQuery plugin allows you to open image and Youtube/Vimeo video links in a responsive, mobile-friendly lightbox popup.

https://www.jqueryscript.net/lightbox/Basic-Modal-Plugin-For-Images-Youtube-Vimeo-Videos-lightboxController.html

[Demo] [Download]

Lightweight jQuery Confirmation Modal For Bootstrap

A jQuery plugin which helps you create a Bootstrap modal-based confirmation dialog popup for link redirection and form submission.

https://www.jqueryscript.net/other/Lightweight-jQuery-Confirmation-Modal-For-Bootstrap.html

[Demo] [Download]

Feature-rich Dialog Modal Popup Plugin For jQuery - Fallr.js

Fallr.js is a feature-rich jQuery popup plugin which lets you create a variety of dialog boxes and modal windows on the webpage.

https://www.jqueryscript.net/lightbox/Dialog-Modal-Popup-Plugin-jQuery-Fallr.html

[Demo] [Download]

jQuery Based Modal Windows With Cool CSS3 Animations - NiftyModals

NiftyModals is a jQuery version of the Codrops' Nifty Modal Window Effects that helps you create modal windows with stunning animation effects using jQuery and CSS3.

https://www.jqueryscript.net/lightbox/jQuery-Based-Modal-Windows-With-Cool-CSS3-Animations-NiftyModals.html

[Demo] [Download]

Minimal Youtube/Vimeo Modal Plugin For jQuery - modal-video

A simple, accessible, customizable jQuery video lightbox plugin that allows to play Youtube/Vimeo videos in an animated modal window as you click on the video link.

https://www.jqueryscript.net/lightbox/Youtube-Vimeo-Modal-Plugin-jQuery.html

[Demo] [Download]

Simplest Responsive Modal/Dialog Box Plugin With jQuery - Easy Modal

A minimalist jQuery modal plugin for displaying a modal window / dialog box with configurable sizes and animations on the page.

https://www.jqueryscript.net/lightbox/Simplest-Modal-Dialog-Box-Plugin-With-jQuery-Easy-Modal.html

[Demo] [Download]

Bootstrap-style Modal Plugin For jQuery - modal.js

modal.js is a jQuery plugin that enables you to create Bootstrap-style, highly customizable modal windows with minimal effort.

https://www.jqueryscript.net/lightbox/Bootstrap-style-Modal-Plugin-For-jQuery-modal-js.html

[Demo] [Download]

Responsive Link-triggered Modal Plugin With jQuery - simple-overlay

simple-overlay is a tiny jQuery modal plugin which displays ajax content, Youtube / Vimeo videos in a fullscreen, responsive popup window while preventing window scroll.

https://www.jqueryscript.net/lightbox/Responsive-Link-triggered-Modal-Plugin-With-jQuery-simple-overlay.html

[Demo] [Download]

Simple Adaptive Modal Dialog Plugin With jQuery And CSS3

A simple, responsive, adaptive jQuery modal & dialog component that uses CSS3 transitions and transforms to smoothly adjust the height & weight to fit within the viewport.

https://www.jqueryscript.net/lightbox/Simple-Adaptive-Modal-Dialog-Plugin-With-jQuery-CSS3.html

[Demo] [Download]

Multifunction Customizable Modal Plugin For jQuery - ssi-modal

ssi-modal is a simple yet robust jQuery plugin which helps you create highly customizable modal / dialog / notification / gallery popup boxes with one JS call.

https://www.jqueryscript.net/lightbox/Multifunction-Customizable-Modal-Plugin-For-jQuery-ssi-modal.html

[Demo] [Download]

jQuery Plugin To Create Multiple Bootstrap Modals

Better Bootstrap Modals is a JQuery / CSS extension for Bootstrap that allows you to display multiple Bootstrap modal windows on the webpage.

https://www.jqueryscript.net/lightbox/jQuery-Plugin-To-Create-Multiple-Bootstrap-Modals.html

[Demo] [Download]

Simple jQuery/CSS3 Modal Window With Blurred Background Overlay

A simple flat jQuery/CSS3 based modal window that uses CSS3 blur filter to apply a blur effect to the background content after the modal opens.

https://www.jqueryscript.net/lightbox/Simple-jQuery-CSS3-Modal-Window-With-Blurred-Background-Overlay.html

[Demo] [Download]

Customizable Message Box Plugin with jQuery and Bootstrap - bs.msgbox

A tiny jQuery alternative to default alert() box that creates a fully customizable modal dialog box using Bootstrap styles and Glyphicons (or Font Awesome).

https://www.jqueryscript.net/lightbox/Customizable-Message-Box-Plugin-with-jQuery-Bootstrap-bs-msgbox.html

[Demo] [Download]

Elegant Flexible jQuery Dialog Popup Plugin - artDialog

artDialog is a simple, elegant, full-featured jQuery plugin to create responsive, accessible, fully customizable dialog popups for your modern web applications.

https://www.jqueryscript.net/lightbox/Elegant-Flexible-jQuery-Dialog-Popup-Plugin-artDialog.html

[Demo] [Download]

iOS Style Dialog Popup Plugin For jQuery - Modal.js

A flexible jQuery plugin that lets you create Apple iOS style dialog popups for your mobile-first web applications.

https://www.jqueryscript.net/other/iOS-Style-Dialog-Popup-Plugin-For-jQuery-Modal-js.html

[Demo] [Download]