Experience dynamic team profiles with expressive motion and role highlights. Engage with quick actions via kinetic animations, offering an interactive user experience.
1<section class="gs-stage">
2 <div class="gs-orb gs-orb-1" aria-hidden="true"></div>
3 <div class="gs-orb gs-orb-2" aria-hidden="true"></div>
4 <div class="gs-grid-overlay" aria-hidden="true"></div>
5 <div class="gs-card">
6 <div class="gs-card-inner">
7 <div class="profile-header d-flex justify-content-between align-items-center mb-4">
8 <h2 class="m-0" style="color:var(--accent)">Chris Reynolds</h2>
9 <div class="role-badge">Lead Developer</div>
10 </div>
11 <div class="profile-details mb-3">
12 <p style="color:var(--text)">Active since: January 15, 2022</p>
13 <p style="color:var(--text)">Email: chris.reynolds@company.com</p>
14 </div>
15 <div class="profile-actions d-flex gap-3">
16 <button class="btn action-btn">Message</button>
17 <button class="btn action-btn">View Profile</button>
18 </div>
19 </div>
20 </div>
21</section>
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.
27
Components
117
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.