Dashboardblocks

Overview

Dashboardblocks is an MIT-licensed set of dashboard blocks for shadcn/ui, from KPI cards and charts to whole app pages. The site lists 315 blocks in 107 families. The shadcn CLI copies each block's source into the project, and because @dashboardblocks is in the shadcn registry directory, no setup is needed.

Every block is built for three component libraries, Base UI, Radix UI and React Aria, and the CLI picks the right build. Icons are swapped on install across five icon libraries, and blocks take whichever shadcn style the project uses. Around 240 blocks are free. A one-time All-Access purchase adds 75 Pro blocks and the Ledgerly template, a revenue app for a subscription business on Stripe.

Features

• KPI cards: KPI, progress KPI, bar chart, line chart and area chart KPI variants.
• Charts: Chart panels, forecasts, funnels, heatmaps, scatter plots, gauges, rings and retention views, built mostly with Recharts.
• Tables and lists: Data tables, leaderboards, metric lists, inventory and pipeline blocks.
• Activity and collaboration: Activity feeds, comments, notifications, kanban, calendar and files.
• App pages: App shell, auth, billing, settings, onboarding, invoices, error pages and security.
• AI blocks: AI usage, AI chat and AI assistant blocks.
• Full dashboards: npx shadcn@latest add @dashboardblocks/dashboard-01 installs a complete dashboard.

Tech stack

• React, shadcn/ui
• Base UI, Radix UI or React Aria
• Recharts, TanStack Table
• Lucide, Remix Icon and other icon sets

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @dashboardblocks/component-name