Add a accordion to your UI with Cool image accordion with pure CSS. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
1<div class="container">
2 <div class="element" tabindex="-1">
3 <div class="icon">
4 <i class="fa-solid fa-trees"></i>
5 </div>
6 </div>
7 <div class="element" tabindex="-1">
8 <div class="icon">
9 <i class="fa-solid fa-flower-daffodil"></i>
10 </div>
11 </div>
12 <div class="element" tabindex="-1">
13 <div class="icon">
14 <i class="fa-solid fa-cactus"></i>
15 </div>
16 </div>
17 <div class="element" tabindex="-1">
18 <div class="icon">
19 <i class="fa-solid fa-mountain"></i>
20 </div>
21 </div>
22 <div class="element" tabindex="-1">
23 <div class="icon">
24 <i class="fa-solid fa-city"></i>
25 </div>
26 </div>
27 <div class="element" tabindex="-1">
28 <div class="icon">
29 <i class="fa-solid fa-umbrella-beach"></i>
30 </div>
31 </div>
32</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.
Bootstrap 5 Progress card with hover effect snippet
Bootstrap 5 Progress card with hover effect snippet: a hand-crafted, open-source Bootstrap 5 accordion. HTML & CSS included, ready to copy.
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.