KPI Cards & Dashboard Widgets
Add shadcn/ui dashboard widgets for analytics summaries, task timelines, channel performance, and side-by-side product comparisons.
Launch Faster with Complete Templates
Love these blocks? Get our free dashboard and landing page templates with 30+ pre-built pages and all the components you need. Premium templates with advanced features launching soon at $69.
Shadcn UI Dashboard Widgets
Dashboard widgets should answer a quick status question without asking people to open a report. These Shadcn UI KPI cards cover sales and volume, task progress, channel performance, and product comparison in grid-friendly sizes.
KPI and workflow widgets
- Analytics Dashboard Widget: product sales and volume metrics with trend indicators.
- Active Tasks Timeline Widget (3 variants): task timeline with team avatars and progress tracking.
- Notable Channels Analytics Widget: social-media channel overview with progress bars and an area chart.
- Top Products Sales & Volume Widget: side-by-side product comparison by sales and volume.
Use widgets for status and charts for change over time
Each widget is sized to sit inside a dashboard grid alongside our app shells and chart sections, or next to a datatable for the underlying detail. If you need a complete task workflow instead of individual status cards, start from the mini-app layouts.
How the widgets fit a dashboard
Card, Avatar, and Progress keep these React widgets compact enough for a dashboard grid. Wire each widget to one focused query and give it a clear empty state instead of filling the space with unrelated metrics.