40+ Bootstrap Modal Windows - Free Code + Demos
Collection of 40+ Bootstrap Modal Windows. All items are 100% free and open-source. The list also includes confirm dialog bootstrap modal windows, and error.
1. Bootstrap 4 Push Notification Modal
Links: Source Code / Demo
2. Bootstrap 4 Subscribe To Our Newsletter Modal Form
Links: Source Code / Demo
3. Bootstrap 4 Success Modal With Emoji
Links: Source Code / Demo
4. Bootstrap 4 Best Offer Modal
Links: Source Code / Demo
5. Bootstrap 4 Document Verification Modal
Links: Source Code / Demo
6. Bootstrap 4 Select Charts Buttons With Modal
Links: Source Code / Demo
7. Bootstrap 4 Share Content On Social Media Modal
Links: Source Code / Demo
8. Bootstrap 4 Trial Extended Information Modal
Links: Source Code / Demo
9. Bootstrap 4 Successfully Modal
Links: Source Code / Demo
10. Bootstrap 4 Information Modal With Close Button
Links: Source Code / Demo
11. Bootstrap 4 Congratulation Modal Card
Links: Source Code / Demo
12. Simple Bootstrap Modal Spinner/loader
A simple and lightweight option to display a loading animation inside a centered modal. Useful for posting via Ajax and hiding upon data return. Bootstrap modal loader/spinner made with simple LESS, HTML & jQuery (Bootstrap 3.6)
Author: Whitney R (luv2code)
Links: Source Code / Demo
Created on: April 6, 2017
Made with: HTML, Less, JS
Tags: spinner, loader, bootstrap, modal, jquery
13. Bootstrap Modal
Links: Source Code / Demo
Made with: HTML, CSS, JS
Tags: 4.0.0, jQuery, modal
14. Checkbox Images Modal Bootstrap 4
Links: Source Code / Demo
Made with: HTML, CSS
Tags: 4.0.0, modal, images, checkbox
15. 30+ Bootstrap Modal Animation Effects
Yo ! I want to share code for 30+ Bootstrap Modal Animation Effects with Material Design Style !
Author: Wisnu ST (wisnust10)
Links: Source Code / Demo
Created on: March 13, 2016
Made with: HTML, CSS, JS
Tags: bootstrap, modal, material design, animation, effects
16. Bootstrap Simple Success Confirmation Popup
Links: Source Code / Demo
17. Bootstrap Elegant Success Modal
Links: Source Code / Demo
18. Bootstrap Elegant Error Modal
Links: Source Code / Demo
19. Bootstrap Delete Confirmation Modal
Links: Source Code / Demo
20. Draggable Bootstrap Modal Window
Author: Adam Joiner (adamcjoiner)
Links: Source Code / Demo
Created on: March 15, 2016
Made with: HTML, CSS, JS
21. BootStrap Modal As Left/Right Sidebar
Author: Shahen Algoo (bootpen)
Links: Source Code / Demo
Created on: September 11, 2015
Made with: HTML, CSS
Tags: modal, sidebar, bootstrap
22. Opening YouTube Links Dynamically In A Twitter Bootstrap Modal Window
Have any YouTube link to pop up embedded in a modal window, without extra code, using Twitter Bootstrap
Author: Josh Winn (forthewinn)
Links: Source Code / Demo
Created on: April 13, 2015
Made with: HTML, JS
Tags: bootstrap, youtube, modal
23. Autofocus Bootstrap Modal Close Button
When the Bootstrap 3.0 modal is fired auto-focus the close button for better accessibility.
Author: Joe Watkins (joe-watkins)
Links: Source Code / Demo
Created on: September 28, 2014
Made with: HTML, SCSS, JS
Tags: bootstrap, a11y, accessibility, auto-focus close button, modal
24. Fullscreen Bootstrap Modal
A fullscreen modal using Bootstrap. The modal features fixed header, content, and footer sections. The idea is to use this on small mobile devices to avoid competing with scrolling on the body. Updated (29 Oct 14): Added webkit scrollbar styles to better indicate scrollable content on iOS...Read More
Author: Nathan Cooper (nathancooper)
Links: Source Code / Demo
Created on: October 27, 2014
Made with: HTML, Less
Tags: bootstrap, modal, fullscreen, mobile, ios
25. Bootstrap Modal Progress Bar
Create a modal progress bar with Twitter Bootstrap 3. Getting the animation to work properly is a bit of a challenge. A few quirks in RC1 require some special CSS to work-around
Author: bseth99 (bseth99)
Links: Source Code / Demo
Created on: August 7, 2013
Made with: HTML, CSS, JS
Tags: twitter-bootstrap, modal, progress-bar
26. Bootstrap Modals - Material Design & Bootstrap 4
Bootstrap modal is lightweight, but powerful & multipurpose popup. Learn how to manipulate size, styles & position. Multiple examples and detailed tutorial.
Author: MDBootstrap (mdbootstrap)
Links: Source Code / Demo
Created on: November 7, 2017
Made with: HTML, CSS
Tags: materialdesign, bootstrap, modals
27. Arrow Key Navigation Thumbnail Gallery Modal View
Links: Source Code / Demo
Made with: HTML, CSS, JS
Tags: 4.1.1, modal, gallery, navigation
28. Sign In - Sign Up Dual Modal
Links: Source Code / Demo
Made with: HTML, CSS
Tags: 3.1.0, modal
29. Bootstrap 4 Modal With Form
Author: cristina (cristinaconacel)
Links: Source Code / Demo
Created on: November 23, 2018
Made with: HTML, SCSS
30. Generate Bootstrap Alerts With Javascript
Use a JavaScript method to add bootstrap alerts to the dom all animated and what not. Also has a self destruct option
Author: Cody Sechelski (codysechelski)
Links: Source Code / Demo
Created on: October 15, 2015
Made with: HTML, CSS, JS
Tags: jquery, bootstrap, alert, animated
31. Social Media Share Bootstrap Modal
Author: Eric Winton (ericwinton)
Links: Source Code / Demo
Created on: August 18, 2016
Made with: HTML, Less, JS
32. Bootstrap 4 Modal Popup
Links: Source Code / Demo
Made with: HTML, CSS
Tags: 4.0.0, modal, popup
33. Bootstrap Modal
Links: Source Code / Demo
Made with: HTML, CSS, JS
Tags: 4.0.0, jQuery, modal
34. Waiting For... Modal Dialog
Links: Source Code / Demo
Made with: HTML, JS
Tags: 3.3.0, modal, dialog
35. 3.1.0 User Profile In Modal Window
Links: Source Code / Demo
Made with: HTML
Tags: 3.1.0, modal, user, profile
More Awesome Lists:
Share: