Transform data insights with our cinematic dashboard UI, featuring gradient-rich KPI tiles and animated sparklines.
Transform data insights with our cinematic dashboard UI, featuring gradient-rich KPI tiles and animated sparklines.
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 <h1 class="display-4">Dashboard KPI</h1>
8 <p class="lead">Real-time analytics and visual insights</p>
9 <div class="row">
10 <div class="col-md-6">
11 <div class="kpi-tile">
12 <h2>Revenue</h2>
13 <span class="kpi-value">$124,890</span>
14 <svg class="sparkline" width="100%" height="30">
15 <polyline style="fill:none;stroke:#FB7185;stroke-width:3"></polyline>
16 </svg>
17 </div>
18 </div>
19 <div class="col-md-6">
20 <div class="kpi-tile">
21 <h2>Conversion Rate</h2>
22 <span class="kpi-value">56%</span>
23 <svg class="sparkline" width="100%" height="30">
24 <polyline style="fill:none;stroke:#F59E0B;stroke-width:3"></polyline>
25 </svg>
26 </div>
27 </div>
28 </div>
29 </div>
30 </div>
31</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
221
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.