Add a modal to your UI with Awesome success and error message popup. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
1<div class="page-wrapper">
2 <div class="custom-modal">
3 <div class="succes succes-animation icon-top"><i class="fa fa-check"></i></div>
4 <div class="succes border-bottom"></div>
5 <div class="content">
6 <p class="type">Appointment</p>
7 <p class="message-type">Successfully Booked</p>
8 </div>
9 </div>
10
11 <div class="custom-modal">
12 <div class="danger danger-animation icon-top"><i class="fa fa-times"></i></div>
13 <div class="danger border-bottom"></div>
14 <div class="content">
15 <p class="type">Appointment</p>
16 <p class="message-type">A Problem Occurred </p>
17 </div>
18 </div>
19</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
57
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.