dashboardcn

Overview

dashboardcn is a free, MIT-licensed collection of dashboard and analytics components for shadcn/ui, with no Pro tier. It installs with the shadcn CLI, so the source lives in the project.

The registry is built in two layers. 27 primitives, such as sparklines, delta badges, tick bars, funnel charts and radial gauges, are composed into 25 complete cards like allocation, breakdown, distribution and funnel chart cards that take data as props. The site also offers prompts that open directly in Claude Code, Codex or Cursor to add components.

Features

• KPI and metric primitives: KPI card, metric value, delta badge, period tabs, segmented meter and metric list.
• Charts: Trend, bar, donut, composed, radar, scatter, sankey, dot plot and heatmap charts.
• Activity views: Activity heatmap, activity rings and timeline components.
• Composed cards: Allocation, breakdown, distribution, dual metric, status gauge, goal chart and payment summary cards.
• Funnel chart card: A conversion card with a range picker and a tile per stage that swaps the headline on hover.
• Data table card: A data table built with TanStack Table, wrapped in a dashboard card.
• Agent skill: The registry includes a skill file for coding agents.

Tech stack

• React, shadcn/ui
• Recharts
• TanStack Table
• lucide-react

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @dashboardcn/component-name