Free Bootstrap 5 card snippet — Profile Card Design snippet with pure CSS. Preview, copy HTML & CSS, drop it into any Bootstrap 5 project.
1<div class="card-container">
2 <span class="pro">PRO</span>
3 <img class="round" src="https://randomuser.me/api/portraits/women/79.jpg" alt="user" />
4 <h3>Ricky Park</h3>
5 <h6>New York</h6>
6 <p>User interface designer and <br/> front-end developer</p>
7 <div class="buttons">
8 <button class="primary">
9 Message
10 </button>
11 <button class="primary ghost">
12 Following
13 </button>
14 </div>
15 <div class="skills">
16 <h6>Skills</h6>
17 <ul>
18 <li>UI / UX</li>
19 <li>Front End Development</li>
20 <li>HTML</li>
21 <li>CSS</li>
22 <li>JavaScript</li>
23 <li>React</li>
24 <li>Node</li>
25 </ul>
26 </div>
27</div>
Bootstrap carousel with cards in 3 columns
Bootstrap carousel with cards in 3 columns: a hand-crafted, open-source Bootstrap 5 card. HTML included, ready to copy.
Bootstrap 5 ecommerce product cards details template
Add a card to your UI with Bootstrap 5 ecommerce product cards details template. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
Bootstrap snippet Panels with nav tabs using HTML & CSS
Bootstrap snippet Panels with nav tabs using HTML & CSS — a free Bootstrap 5 card snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.
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.