Discover an interactive data insights dashboard with frosted glass design and vibrant animations that elevate your data visualization experience.
1
2
3<section class="gs-stage">
4 <div class="gs-orb gs-orb-1" aria-hidden="true"></div>
5 <div class="gs-orb gs-orb-2" aria-hidden="true"></div>
6 <div class="gs-grid-overlay" aria-hidden="true"></div>
7 <div class="gs-card">
8 <div class="gs-card-inner">
9 <div class="gs-header">
10 <h2>Electric Forest Insights</h2>
11 <p>Data Visualization Dashboard</p>
12 </div>
13 <div class="gs-stats">
14 <div class="gs-stat-item">
15 <div class="gs-kpi-icon">
16 <svg height="24" width="24" fill="none">
17 <circle></circle>
18 <path d="M12 8v4.5l3 1.5"></path>
19 </svg>
20 </div>
21 <div class="gs-kpi-text">
22 <h3>+12% Growth</h3>
23 <small>Month Over Month</small>
24 </div>
25 </div>
26 <div class="gs-stat-item">
27 <div class="gs-kpi-icon">
28 <svg height="24" width="24" fill="none">
29 <path d="M20 13V9a2 2 0 00-2-2H6a2 2 0 00-2 2v10a2 2 0 002 2h9"></path>
30 <polyline></polyline>
31 <line></line>
32 </svg>
33 </div>
34 <div class="gs-kpi-text">
35 <h3>234 Tasks</h3>
36 <small>Completed This Week</small>
37 </div>
38 </div>
39 </div>
40 </div>
41 </div>
42</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
355
Views
6
Likes
Trending now
More Bootstrap snippets developers are viewing this week.
Explore a modern dashboard tile featuring vivid sparkline graphs and dynamic KPIs, perfect for real-time data visualization.
Experience a vibrant notification system with neon accents and auto-dismiss progress bars. Effortlessly stack and manage your alerts like never before.
Experience a vibrant and fluid event scheduler. Drag to select time ranges on a rich, kinetic background with expressive neon accents.
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.