UI showcase
Every shared component, split across dedicated pages by category.
Toggle the loading state below to preview each widget's skeleton.
KPI cards with sparklines
Axis-free trend lines next to a headline number — the usual dashboard-card composition.
Sessions (14d)
1.9K
Refund rate (14d)
1.8%
Line chart
Monthly revenue vs. target — two series, no dots, themed axis and tooltip.
Revenue vs. target
Last 12 months
Area chart
Same revenue series as a filled area, gradient fading to transparent.
Revenue
Last 12 months
Bar chart
Weekly order volume grouped by fulfilment channel.
Orders by channel
Last 6 weeks
Donut chart
Traffic source breakdown with a centred total and a percentage legend.
Traffic sources
Last 30 days
- Organic search46%
- Direct26%
- Social15%
- Referral9%
- Email5%
Radial gauge
Single-value gauge for a percentage metric, e.g. fleet utilisation.
Fleet utilisation
Active vehicles / fleet size
Empty state
What a chart looks like with no data — icon, one line, no fake action.
Revenue vs. target
No data for this period
No data yet
Revenue data will appear here once orders start coming in.