'/%3e%3cpath%20d='M178.8%2051C182.335%2051%20185.2%2053.8654%20185.2%2057.4V83C185.2%2086.5346%20182.335%2089.4%20178.8%2089.4H114.8C111.6%2089.4%20108.4%2092.6%20108.4%2095.8V121.4C108.4%20124.935%20105.535%20127.8%20102%20127.8H76.4002C72.8656%20127.8%2070.0002%20124.935%2070.0002%20121.4V95.8C70.0002%2092.2654%2072.8656%2089.4%2076.4002%2089.4H102C105.2%2089.4%20108.4%2086.2%20108.4%2083V57.4C108.4%2053.8654%20111.266%2051%20114.8%2051H178.8Z'%20fill='oklch(0.643%200.19%20270.83)'/%3e%3c/svg%3e)
blockdashboarddatachart
Dashboard Overview
KPI cards, traffic chart, activity feed, and top resources for the home screen of an admin app.
pnpm dlx shadcn@latest add @fenod/dashboard-overviewDependencies
card, badge, button, select + lucide-react
Usage
Pass typed overview data plus optional range/resource callbacks. Keep fetching outside the block.
Overview
Product health for the demo admin workspace.
MRR
€24.8k
+12.4%vs previous period
Active workspaces
318
+8.1%logged in this period
Churn
2.4%
-0.6%lower is better
NPS
48
0.0rolling 90-day score
Traffic
Sessions and signups over the selected range.
MonTueWedThuFriSatSun
Recent activity
Latest product and ops events.
billing
Workspace upgraded
12m agoNorthwind Labs moved to Growth.
team
Invite accepted
1h agoriley.chen@example.com joined Ops.
jobs
Export failed
3h agoCustomers CSV timed out after 30s.
security
API key rotated
YesterdayProduction key ending ··4f2a.
Top resources
Jump into the surfaces teams open most.