Sales dashboard
A sales and revenue dashboard based on the NovaMetrics concept (https://x.com/iammuhammadmuiz/status/2106843977550856432): a top bar with search and user, a greeting with date range and an action, four KPI cards with sparklines, a sales overview area chart with a hover readout, a performance donut, recent activity, top products with sparklines and quick stats. Themed for Felix. Move the pointer over the chart to read a day and switch the range with the control. Cards and lines animate in with Motion and stay still with reduced motion. Fictitious data.
NovaMetrics
Search anything... ⌘K
Sophia MartinezAdmin
Dashboard
Good morning, Sophia!
Here's what's happening with your business today.Apr 21, 2025 - Apr 27, 2025+ Add Widget
●
Total Customers
2,845 ↑ +12.5%
●
Total Orders
1,320 ↑ +8.3%
●
Total Revenue
$48,230 ↑ +15.7%
●
Conversion Rate
3.24% ↑ +6.2%
Sales Overview
Revenue and orders over the last 7 days.
Revenue OrdersRevenue and orders over the last 7 days.
Apr 25, 2025Revenue $20,400Orders 10,200
Performance Overview
Completed76.8%In Progress18.4%Pending4.8%
Recent ActivityView all →
New order placedOrder #58432 from John Doe2m agoCompleted
Invoice paid$1,240.00 from Acme Corp12m agoPaid
New customer registeredSophia Wilson joined45m agoNew
Support ticket updated#TK-4482 closed1h agoResolved
Top ProductsView all →
1Wireless Headphones$12,430 ↑ +18%
2Smart Watch$8,920 ↑ +12%
3Laptop Stand$6,750 ↑ +9%
4Bluetooth Speaker$4,320 ↑ +6%
Quick StatsView all →
Active Projects24↑ 12%
Support Tickets156↓ 8%
Pending Invoices32↑ 5%
Total Downloads12.4K↑ 21%
Anatomy
| Part | Notes |
|---|---|
| KPI cards | Customers, orders, revenue and conversion, each with change and a sparkline |
| Sales overview | Revenue and orders as two areas; the readout follows the pointer |
| Performance overview | Donut with completed, in progress and pending shares |
| Recent activity | Event, detail, time and a status pill |
| Top products | Rank, revenue, change and a sparkline |
| Quick stats | Four counters with a signed change; arrows and text carry direction, not color alone |