The modal component allows you to overlay any web content (such as images, videos, text, ajax contents) on top of the webpage.
Originally Published Nov 20 2017, updated May 17 2019
Table of contents:
jQuery Modal Plugins:
Flashy is a brand new jQuery popup & gallery lightbox plugin created for showcasing your content in a responsive, touch-enabled slider/carousel popup. With focus on performance and effects.
Yet another Bootstrap 4 modal wrapper plugin which lets you create beautiful, responsive, dynamic alert/confirm dialog boxes and complex modal windows using Bootstrap 4 modal component.
Dialogify is a jQuery plugin to create modern, customizable dialog/popup boxes and modal windows using the dialog element and HTMLDialogElement API.
bootstrap-modal-ios.js is an extension for Bootstrap 4 that prevents body scrolling and automatically adjusts background overlay when the Bootstrap 4 modal is opened on mobile devices.
This is a simple, lightweight, responsive jQuery modal & dialog plugin that loads content from inline content within the document.
Vanilla JS Modal Components:
Pure CSS Modal Components:
modalcss is an ultra-light CSS solution to create a simple, responsive modal window with CSS3 animations. Based on pure CSS and plain html structure, without the need to write any checkbox or radio button tricks used in other pure CSS modal solutions.