30+ Awesome Bootstrap Modal Effects Collection (Projects and Codes) in 2025

Bootstrap 4 Modal with Radio Button

Bootstrap 4 notification settings modal with radio button.

Bootstrap Modal V14

If you would like to offer your users a special deal (before they leave), this free coupon form pop-up is here to make it happen for you. It features an image, title, additional text and the form with a CTA.

bootstrap-show-modal

Yet another Bootstrap modal wrapper plugin which lets you create beautiful, responsive, dynamic alert/confirm dialog boxes and complex modal windows using Bootstrap 5 or Bootstrap 4 modal component.

Customizable Confirmation Prompt Dialog Plugin For Bootstrap

Bootstrap-Input-Modal

A simple jQuery and JavaScript solution for displaying and handling Bootstrap input modals on the fly.

jsconfirm-buttons

Add additional functions to html buttons, before executing the function that they should execute (e.g. confirmation dialog, verification of values, execute tasks in background, etc.)

modalDialog

A modal dialog as in bootstrap, that will work without bootstrap and jQuery

Pure-CSS3-Modals

Simple and clean pure CSS3 modals. noJS!

bootstrap4-fs-modal

A simple way to improve UX of Bootstrap 4 modals on mobile phones.

BsDialogs

Dialogs based on Bootstrap 5 modal

BS5ModalJS

A JavaScript class for creating Bootstrap 5 Modals

Dynamic-BS5-Modal-Box

Create Bootstrap 5 Modal Box using JavaScript with custom title, description, button labels and custom YES button callback

modal-vanilla-js

Vanilla JavaScript ES6 Modal, with only CSS and Bootstrap 3 CSS

bs5-lightbox

A pure JS lightbox gallery plugin for Bootstrap 5 based on the Modal and Carousel components

rmodal.js

A simple 1.2 KB modal dialog with no dependencies

bootstrapmodal

Bootstrap 5.1.3 nested modals

Drawer-Style-Bootstrap-5-Modal

A CSS extension that converts Bootstrap 5 modals into drawers. Useful for off-canvas navigation, dashboard menus, settings panels, and much more.

Bootstrap-Lightbox

Simple & lightweight lightbox for Bootstrap 5

bs-dialog

Ready-made dialog boxes based on Bootstrap 5 modal windows.

fontpicker-v2

This is a feature-rich, user-friendly font picker component built with Vanilla JavaScript and Bootstrap 5 framework. It supports both Google and system fonts and uses Bootstrap 5’s modal component for an intuitive font picker dialog.

bootstrap-modbox

Modbox is a vanilla JavaScript wrapper around the Bootstrap 5 modal component, which helps you create custom popup windows using Bootstrap styles.

smooth-scroll-vanilla-js

use-bootstrap-dialog is a robust JavaScript plugin that uses Bootstrap’s modal component to create customizable alert/confirm/prompt dialogs programmatically.

accessible-minimodal

Accessible, lightweight, stylish modal library in pure JavaScript (TypeScript)

avalynx-modal

AvalynxModal is a simple modal system for web applications with fullscreen support. Based on Bootstrap >=5.3 without any framework dependencies.

cleanalertvanilla

Boostrap 5 and Vanilla Javascript version of "Clean Alert"

bs5dialog

bs5dialog is a library for creating Bootstrap 5 dialogs. It provides a set of components for creating alerts, prompts, confirms, messages, toasts, tabs, spinners, and offcanvas dialogs.

exit_intent_popup

Exit intent popup para desktop y mobile

bootstrap4dialog

A simple JavaScript (jQuery) extension to Bootstrap frameworks that allows users to dynamically create multifunctional Bootstrap 4 modals without having to write any HTML code.

bootbox

Wrappers for JavaScript alert(), confirm() and other flexible dialogs using Twitter's bootstrap framework

NewmcAlertConfirm

Javascript constructor to create custom alert/confirm Bootstrap modals with Fontawesome icons. No html tag structure required. It uses JQuery.

bootstrap-cookie-consent-settings

A modal dialog (cookie banner) and framework to handle the German and EU law about cookies in a website. Needs Bootstrap.