Explore a modern dashboard tile featuring vivid sparkline graphs and dynamic KPIs, perfect for real-time data visualization.
1<section class="gs-stage">
2 <div class="gs-orb gs-orb-1"></div>
3 <div class="gs-orb gs-orb-2"></div>
4 <div class="gs-card">
5 <div class="gs-card-inner">
6 <div class="gs-header">
7 <h2 class="display-6">Dashboard Analytics</h2>
8 <span class="date">Sep 23, 2023</span>
9 </div>
10 <div class="kpi">
11 <div class="item">
12 <h3>$34,540</h3>
13 <p>Total Revenue</p>
14 </div>
15 <div class="item">
16 <h3>120</h3>
17 <p>New Orders</p>
18 </div>
19 </div>
20 <div class="sparkline">
21 <svg height="40" width="100">
22 <polyline class="line"></polyline>
23 <polyline class="shadow"></polyline>
24 </svg>
25 </div>
26 </div>
27 </div>
28</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
156
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.