Stats Dashboard Layout
Various statistics dashboard layouts using flexbox. Features metric cards, data visualizations, and KPI displays. Perfect for analytics dashboards and data-rich interfaces.
PREVIEW
Total Users
2744
+5%
vs last month
Total Revenue
3773
+14%
vs last month
Total Orders
7155
+13%
vs last month
Total Growth
6842
+4%
vs last month
Chart 1
Chart 2
Recent Activity
Activity 1
13 minutes ago
Activity 2
21 minutes ago
Activity 3
50 minutes ago
Activity 4
7 minutes ago
Activity 5
32 minutes ago
CODE
/* Stats Grid */
.stats-grid {
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
/* Chart Container */
.chart-container {
display: flex;
flex-direction: column;
}
/* Chart Controls */
.chart-controls {
display: flex;
gap: 0.5rem;
}
/* Activity List */
.activity-list {
display: flex;
flex-direction: column;
}
/* Activity Item */
.activity-item {
display: flex;
justify-content: space-between;
align-items: center;
}
/* Stat Card */
.stat-card {
display: flex;
flex-direction: column;
}
.stat-header {
display: flex;
justify-content: space-between;
align-items: center;
}