Bootstrap 5 Progress card with hover effect snippet: a hand-crafted, open-source Bootstrap 5 accordion. HTML & CSS included, ready to copy.
1<div class="container ccl">
2 <div class="card">
3 <div class="box">
4 <div class="percent">
5 <svg>
6 <circle cx="70" cy="70" r="70"></circle>
7 <circle cx="70" cy="70" r="70"></circle>
8 </svg>
9 <div class="number">
10 <h2>20<span>%</span></h2>
11 </div>
12 </div>
13 <h2 class="text">PIZZA</h2>
14 </div>
15 </div>
16 <div class="card">
17 <div class="box">
18 <div class="percent">
19 <svg>
20 <circle cx="70" cy="70" r="70"></circle>
21 <circle cx="70" cy="70" r="70"></circle>
22 </svg>
23 <div class="number">
24 <h2>90<span>%</span></h2>
25 </div>
26 </div>
27 <h2 class="text">BURGER</h2>
28 </div>
29 </div>
30 <div class="card">
31 <div class="box">
32 <div class="percent">
33 <svg>
34 <circle cx="70" cy="70" r="70"></circle>
35 <circle cx="70" cy="70" r="70"></circle>
36 </svg>
37 <div class="number">
38 <h2>70<span>%</span></h2>
39 </div>
40 </div>
41 <h2 class="text">NOODELS</h2>
42 </div>
43 </div>
44 </div>
Bootstrap 5 accordion with chevron up and down
Free Bootstrap 5 accordion snippet — Bootstrap 5 accordion with chevron up and down. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
Bootstrap 5 accordion dropdown menu snippets
Bootstrap 5 accordion dropdown menu snippets: a hand-crafted, open-source Bootstrap 5 accordion. HTML, CSS & JS included, ready to copy.
Cool image accordion with pure CSS
Add a accordion to your UI with Cool image accordion with pure CSS. 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.