Add a modal to your UI with Bootstrap Modal Animations snippet. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.
1<div id="modal-container">
2 <div class="modal-background">
3 <div class="modal">
4 <h2>I'm a Modal</h2>
5 <p>Hear me roar.</p>
6 <svg class="modal-svg" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none">
7 <rect x="0" y="0" fill="none" width="226" height="162" rx="3" ry="3"></rect>
8 </svg>
9 </div>
10 </div>
11</div>
12<div class="content">
13 <h1>Modal Animations</h1>
14 <div class="buttons">
15 <div id="one" class="button">Unfolding</div>
16 <div id="two" class="button">Revealing</div>
17 <div id="three" class="button">Uncovering</div>
18 <div id="four" class="button">Blow Up</div><br>
19 <div id="five" class="button">Meep Meep</div>
20 <div id="six" class="button">Sketch</div>
21 <div id="seven" class="button">Bond</div>
22 </div>
23</div>
Bootstrap Delete Confirmation Modal snippet
Bootstrap Delete Confirmation Modal snippet — a free Bootstrap 5 modal snippet. Copy the HTML and paste straight into your Bootstrap 5 project.
Bootstrap Simple Success Confirmation Popup snippet
Free Bootstrap 5 modal snippet — Bootstrap Simple Success Confirmation Popup snippet. Preview, copy HTML, drop it into any Bootstrap 5 project.
Bootstrap 5 customer ratings modal snippets with emojis
Add a modal to your UI with Bootstrap 5 customer ratings modal snippets with emojis. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
Hand-crafted Tailwind CSS components — HTML or React, copy-paste ready, with live previews. Free forever, MIT licensed, no sign-up to use.
24
Components
48
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.