Stat
Display statistics and metrics with titles, values, and contextual information for dashboards
Basic Stats
Simple statistics display with title, value, and description
Total Users
25,600
Since last month
Revenue
$89,400
↗︎ 12% increase
Active Sessions
1,094
Currently online
Show Code
Stats with Icons
Statistics with visual figures and icons
Downloads
31K
Jan 1st - Feb 1st
New Users
4,200
↗︎ 400 (22%)
Show Code
Formatted Values
Statistics with different value formatters
Revenue
$125,000
Monthly earnings
Growth Rate
15.7%
Year over year
Active Users
1,234,567
Platform wide
Show Code
Vertical Stats Layout
Statistics in vertical (stacked) layout for mobile
Page Views
89,400
21% more than last month
Bounce Rate
24.5%
14% less than last month
Session Duration
4m 32s
Average time on site
Show Code
Dashboard Stats
Real-world dashboard statistics with comprehensive data
Total Sales
$847,392
↗︎ $12,483 (18.2%) from last month
Orders
3,847
↗︎ 89 (2.4%) from yesterday
Customers
12,847
↗︎ 127 new this week
Show Code
Usage Notes
- Group related statistics together using the stats container class
- Use descriptive titles and clear value formatting for better readability
- Include trend indicators (arrows, percentages) to show changes over time
- Consider using icons or figures to make statistics more visually appealing
- Use consistent formatting and units across related statistics
- Implement loading states for real-time data updates