Stat Cards
Style 1 — Icon Left
Classic stat card with left icon, value, label, and trend indicator.
$0
Total Revenue
+12.5% vs last month
0
New Orders
+8.1% vs last month
0
New Users
+22.3% vs last month
4.8
Avg Rating
-0.2 vs last month
Style 2 — Top Icon, Centered
Compact centered stat with large icon and number.
0
Total Users
0
Active Projects
0
Tasks Completed
98.9%
Uptime SLA
Style 3 — Gradient Colored
Full-color gradient stat card with progress bar indicator.
+12.5%
$84.2K
Total Revenue
+22.3%
3,720
New Signups
+8.1%
1,840
Tasks Done
Stable
4.8/5
Avg Rating
Style 4 — Minimal Left Accent
Clean minimal stat with colored left border, ideal for compact layouts.
$84.2K
Revenue
1,284
Orders
3,720
Users
98.9%
Uptime
Style 5 — With Mini Sparkline Chart
Stat card with an embedded Chart.js sparkline for trend visualization.
$84.2K
Revenue
1,284
Orders
3,720
New Users
248
Projects
Summary Stat Row
Multi-stat horizontal strip — great for page headers or report summaries.
$1.2M
Annual Revenue
↑ 18.4% YoY
48.2K
Total Customers
↑ 22.1% YoY
15,480
Orders Shipped
↑ 9.7% YoY
$24.80
Avg Order Value
↓ 2.3% YoY
98.9%
Uptime SLA
↑ 0.3% YoY