---
name: "@dashboardblocks"
slug: "dashboardblocks"
description: "Dashboard blocks for shadcn/ui: KPIs, charts, tables, funnels, heatmaps and full dashboards. Works with Base UI, Radix UI and React Aria, and every style and icon library."
category: "Animated components"
tags: ["accessibility", "ai", "animation", "audio", "auth", "blocks", "cards", "charts", "dashboard", "forms", "icons", "loaders", "maps", "media", "navigation", "onboarding", "overlays", "payments", "tables"]
framework: "react"
license: "MIT"
author: "LGLabGreg"
website: "https://www.dashboardblocks.com"
github: "https://github.com/LGLabGreg/dashboardblocks"
registry: "https://www.dashboardblocks.com/r/registry.json"
pro: false
pro_url: null
github_stars: 8
component_count: 250
generated_at: "2026-10-10T06:32:55.998Z"
---

# @dashboardblocks

Dashboard blocks for shadcn/ui: KPIs, charts, tables, funnels, heatmaps and full dashboards. Works with Base UI, Radix UI and React Aria, and every style and icon library.

## Links

- Website: https://www.dashboardblocks.com
- GitHub: https://github.com/LGLabGreg/dashboardblocks
- Registry JSON: https://www.dashboardblocks.com/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/dashboardblocks
- This file: https://sh4dcn.vercel.app/md/dashboardblocks.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://www.dashboardblocks.com/r/registry.json
pnpm dlx shadcn@latest add https://www.dashboardblocks.com/r/registry.json
bunx shadcn@latest add https://www.dashboardblocks.com/r/registry.json
# clone the source repo
git clone https://github.com/LGLabGreg/dashboardblocks.git
# fetch the raw registry index
curl -s https://www.dashboardblocks.com/r/registry.json
```

## Components (250)

| name | type | description | install |
| --- | --- | --- | --- |
| activity-feed | registry:component | Primitives for activity feeds: a list with connectors that line up with the markers, tinted icons by tone, an unread dot, relative times and "Today" and "Yeste… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/activity-feed.json` |
| ai-usage | registry:component | Primitives for LLM usage: token cost at per-million prices with cached input billed separately, cache savings and hit rate, compact token and dollar formatting… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/ai-usage.json` |
| alerts | registry:component | Primitives for alerts: critical, warning, info and resolved severities, each with an icon and label, plus relative time formatting. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/alerts.json` |
| animated-number | registry:component | An animated number component. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/animated-number.json` |
| animated-wave | registry:component | An animated wave component. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/animated-wave.json` |
| app-shell | registry:component | Primitives for app shells built on the shadcn sidebar: navigation sections from data with active links, badges and collapsible child links, a brand link, a wor… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/app-shell.json` |
| chart | registry:component | Chart components. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart.json` |
| auth | registry:component | Primitives for signing in and joining a workspace: a full-page frame with one narrow centred column, a one-time code input with a box per digit that handles pa… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/auth.json` |
| billing | registry:component | Primitives for subscription billing: currency formatting, MRR movement from starting to ending MRR, net revenue retention, a waterfall of the movement and an i… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/billing.json` |
| block-state | registry:component | Primitives for loading, refreshing, empty and error states: a skeleton, a dimmed frame that keeps its layout while it refreshes, a message with an action, and … | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/block-state.json` |
| breakdown | registry:component | Primitives for part-to-whole breakdowns: a segmented 100% bar, legend keys and share formatting. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/breakdown.json` |
| chart-panel | registry:component | Primitives for full-size chart panels: tooltip, legend, axis defaults and an accessible data table. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart-panel.json` |
| checklist | registry:component | Primitives for checklists and steppers: done, in progress, to do and skipped states, each with a marker shape and label, progress maths that leaves skipped ste… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/checklist.json` |
| data-table | registry:component | Dashboard tables on TanStack Table: sorting, search, facet filters, pagination, row selection and column visibility, with inline bars and a stacked layout for … | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/data-table.json` |
| command-menu | registry:component | Primitives for a command menu: a search dialog of pages, actions and records that filters as you type or shows results you fetch, with descriptions, shortcuts … | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/command-menu.json` |
| comparison | registry:component | Primitives for comparisons: deltas, a two-proportion test with a 95% interval, diverging bars, dumbbells and an interval bar. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/comparison.json` |
| dashboard-header | registry:component | Primitives for dashboard headers: a date range preset menu, a compare switch, filter menus, filter chips and an export menu. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-header.json` |
| deployments | registry:component | Primitives for deployments: ready, failed, running, queued and rolled back statuses each with an icon and label, duration and short commit formatting, DORA ban… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/deployments.json` |
| distribution | registry:component | Primitives for distributions: quantiles from raw values or from binned counts, binning, a five-number summary, the share above a limit, round ticks, a histogra… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/distribution.json` |
| error-pages | registry:component | Primitives for error and interruption pages: a full-page frame with your brand, a centred message, an optional code and icon, actions and footer links, plus UT… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/error-pages.json` |
| feedback | registry:component | Primitives for customer feedback: a rating summary with the average and share of each rating, CSAT as the share of 4 and 5 ratings, net sentiment, stars filled… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/feedback.json` |
| flow | registry:component | Primitives for flows: a Sankey layout that places nodes in columns and links as bands, keeping each flow's colour downstream and drawing drop-offs muted, a San… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/flow.json` |
| forecast | registry:component | Primitives for forecasts: a straight-line fit with a prediction interval that widens with the horizon, run-rate projection, date-to-target solving, a striped p… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/forecast.json` |
| forms | registry:component | Primitives for forms without a form library: a form state hook with validation on blur and submit, server errors, dirty and submitting flags, a titled form sec… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/forms.json` |
| funnel | registry:component | Primitives for conversion funnels: step conversion maths and horizontal or vertical stage bars. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/funnel.json` |
| gauge | registry:component | Primitives for gauges and scores: a semicircle or three-quarter arc gauge built as a meter, with labelled bands, a target tick and an animated fill, plus band,… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/gauge.json` |
| geo | registry:component | Primitives for location metrics: a US state tile map, a dotted world map from an embedded land mask with markers sized by value, country flags and share bars. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/geo.json` |
| goals | registry:component | Primitives for goals and targets: pace against a straight line to the target, a progress bar with an expected-by-now marker, and a pace badge. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/goals.json` |
| heatmap | registry:component | Primitives for heatmaps: a single-hue colour scale, a keyboard-readable grid with a readout line, a legend and an accessible data table. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/heatmap.json` |
| icon | registry:component | An icon component. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/icon.json` |
| insights | registry:component | Primitives for insights: positive, negative, neutral and anomaly kinds, each with an icon and label, sentences with highlighted metrics, and a "why" line of dr… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/insights.json` |
| inventory | registry:component | Primitives for inventory: out of stock, low, in stock and overstock from on-hand stock and the reorder point, each with an icon and label, days of cover, a reo… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/inventory.json` |
| kpi | registry:component | Primitives for KPI cards: a card, a value that counts up with the final value read out, change vs the previous period in percent or percentage points with the … | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/kpi.json` |
| leaderboard | registry:component | Primitives for composing ranked lists and leaderboards. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/leaderboard.json` |
| link | registry:component | A link provider that makes every primitive render your router's link, for client-side navigation, with plain anchors as the default. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/link.json` |
| metric-list | registry:component | Primitives for compact lists of metrics: a row with value, direction-aware change and sparkline, a bar against a target with its status, and value formatting h… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/metric-list.json` |
| notifications | registry:component | Primitives for notifications: a bell with an unread count that opens a panel, a header with an action, and a notification row that opens as a whole while its o… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/notifications.json` |
| page-header | registry:component | Primitives for page headers: a heading with a badge, media and description, actions that wrap, facts with icons, a back link, section tabs and a more-actions m… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/page-header.json` |
| pipeline | registry:component | Primitives for pipelines of work in flight: stage summaries with count, value and weighted value, days in stage with a stuck state, a stage header, an item car… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/pipeline.json` |
| progress-bar | registry:component | A progress bar component. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/progress-bar.json` |
| realtime | registry:component | Primitives for live data: an interval hook, a seeded random generator for demo streams, a rolling window, a pulsing live badge that stays still for reduced mot… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/realtime.json` |
| record-detail | registry:component | Primitives for a record's page: a layout with a details column beside the main content, a list of labelled properties and a row of headline numbers. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/record-detail.json` |
| retention | registry:component | Primitives for retention: rates per cohort, a size-weighted average curve, where the curve levels off, the growth accounting quick ratio, a shaded cohort table… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/retention.json` |
| ring | registry:component | A ring component. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/ring.json` |
| scatter | registry:component | Primitives for scatter plots and matrices: a least-squares line with the correlation coefficient described in words, a median, categorical colours in a fixed o… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/scatter.json` |
| schedule | registry:component | Primitives for schedules: date helpers that take a fixed now and a time zone, an event row, urgency badges and a keyboard-navigable month calendar. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/schedule.json` |
| security | registry:component | Primitives for security: info, warning and critical audit severities and passing, attention and failing check results, each with an icon and label, a desktop o… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/security.json` |
| settings | registry:component | Primitives for settings pages: owner, admin, member and viewer roles with what each can do and a menu to pick one, a row that puts a label and description besi… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/settings.json` |
| spend | registry:component | Primitives for spend and budgets: pace against an even spend of the budget with a projected total and a status, runway at the current net burn, a budget bar wi… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/spend.json` |
| stat-group | registry:component | Primitives for a row of related stats: a divided grid, labels, values, change vs the previous period and sparklines. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/stat-group.json` |
| status | registry:component | Primitives for service status: status levels with icons and labels, badges, indicators and a 90-day uptime bar. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/status.json` |
| team | registry:component | Primitives for people: avatars with initials and a colour picked from the name, presence with a dot and a label, and an avatar stack with a "+N" overflow. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/team.json` |
| timeline | registry:component | Primitives for timelines: a UTC date scale, week, month and quarter ticks, days between dates, done, in progress, planned and at risk statuses each with an ico… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/timeline.json` |
| trend | registry:component | A trend indicator component. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/trend.json` |
| usage-meter | registry:component | Primitives for usage against a limit: within limit, nearing it, critical and over limit, each with an icon and label, the share used, usage projected to the en… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter.json` |
| kanban | registry:component | Primitives for kanban boards: a board of columns with drag and drop by mouse, touch and keyboard and announced moves, columns with counts, WIP limits that warn… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/kanban.json` |
| comments | registry:component | Primitives for comments: threads with one level of replies joined by a line, a composer that suggests people after @ and submits with ⌘ Enter, highlighted ment… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/comments.json` |
| calendar | registry:component | Primitives for calendars: a toolbar with today, previous, next and a view switch, a keyboard-navigable month grid with event chips, multi-day bars and "+N more… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/calendar.json` |
| files | registry:component | Primitives for files: a dropzone around a real file input that checks type, size and count, a provider-agnostic upload hook with progress, cancel, retry and a … | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/files.json` |
| ai-assistant | registry:component | Primitives for AI chat: a scrolling log that follows streamed replies and reads each one out once it has finished, user and assistant messages with safe format… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/ai-assistant.json` |
| invoice | registry:component | Primitives for printable documents such as invoices, receipts, quotes and packing slips: totals that add up to the cent with discounts, tax per rate, shipping … | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/invoice.json` |
| onboarding | registry:component | Primitives for first-run setup: a full-page frame with step progress and Back, Skip and Continue actions that moves focus to each new step, radio and checkbox … | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/onboarding.json` |
| kpi-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/kpi-01.json` |
| kpi-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/kpi-02.json` |
| kpi-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/kpi-03.json` |
| progress-kpi-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/progress-kpi-01.json` |
| progress-kpi-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/progress-kpi-02.json` |
| progress-kpi-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/progress-kpi-03.json` |
| bar-chart-kpi-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/bar-chart-kpi-01.json` |
| bar-chart-kpi-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/bar-chart-kpi-02.json` |
| line-chart-kpi-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/line-chart-kpi-01.json` |
| area-chart-kpi-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/area-chart-kpi-01.json` |
| area-chart-kpi-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/area-chart-kpi-02.json` |
| activity-feed-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/activity-feed-01.json` |
| activity-feed-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/activity-feed-02.json` |
| activity-feed-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/activity-feed-03.json` |
| activity-feed-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/activity-feed-04.json` |
| activity-feed-05 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/activity-feed-05.json` |
| usage-meter-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-01.json` |
| usage-meter-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-02.json` |
| usage-meter-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-03.json` |
| usage-meter-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-04.json` |
| usage-meter-05 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-05.json` |
| usage-meter-06 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-06.json` |
| usage-meter-07 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-07.json` |
| usage-meter-08 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/usage-meter-08.json` |
| leaderboard-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/leaderboard-01.json` |
| leaderboard-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/leaderboard-02.json` |
| leaderboard-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/leaderboard-03.json` |
| leaderboard-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/leaderboard-04.json` |
| leaderboard-05 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/leaderboard-05.json` |
| chart-panel-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart-panel-01.json` |
| chart-panel-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart-panel-02.json` |
| chart-panel-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart-panel-03.json` |
| chart-panel-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart-panel-04.json` |
| chart-panel-05 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart-panel-05.json` |
| chart-panel-06 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/chart-panel-06.json` |
| breakdown-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/breakdown-01.json` |
| breakdown-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/breakdown-02.json` |
| breakdown-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/breakdown-03.json` |
| breakdown-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/breakdown-04.json` |
| funnel-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/funnel-01.json` |
| funnel-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/funnel-02.json` |
| funnel-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/funnel-03.json` |
| funnel-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/funnel-04.json` |
| status-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/status-01.json` |
| status-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/status-02.json` |
| status-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/status-03.json` |
| status-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/status-04.json` |
| status-05 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/status-05.json` |
| stat-group-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/stat-group-01.json` |
| stat-group-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/stat-group-02.json` |
| stat-group-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/stat-group-03.json` |
| stat-group-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/stat-group-04.json` |
| stat-group-05 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/stat-group-05.json` |
| dashboard-header-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-header-01.json` |
| dashboard-header-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-header-02.json` |
| dashboard-header-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-header-03.json` |
| dashboard-header-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-header-04.json` |
| data-table-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/data-table-01.json` |
| data-table-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/data-table-02.json` |
| data-table-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/data-table-03.json` |
| data-table-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/data-table-04.json` |
| data-table-05 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/data-table-05.json` |
| data-table-06 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/data-table-06.json` |
| heatmap-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/heatmap-01.json` |
| heatmap-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/heatmap-02.json` |
| heatmap-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/heatmap-03.json` |
| heatmap-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/heatmap-04.json` |
| states-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/states-01.json` |
| states-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/states-02.json` |
| states-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/states-03.json` |
| states-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/states-04.json` |
| dashboard-01 | registry:block | A store dashboard: header filters scope stats, revenue, channels, products, a checkout funnel and month-to-date revenue, with low stock alongside. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-01.json` |
| dashboard-02 | registry:block | A SaaS dashboard: metric tabs, an activity heatmap, MRR by region, MRR movement, retention milestones and service status, filtered by plan. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-02.json` |
| dashboard-03 | registry:block | A web analytics dashboard: traffic tabs, visitors right now, a traffic flow, top pages, top countries and browsers, filtered by device. | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-03.json` |
| dashboard-04 | registry:block | A CRM dashboard: sales stats, open pipeline by stage, monthly bookings, lead conversion, a quarter forecast by rep, deal activity and stuck deals, filtered by … | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-04.json` |
| dashboard-05 | registry:block | A DevOps dashboard: live throughput, delivery performance, response time percentiles, open alerts, uptime, build health and recent deployments, filtered by ser… | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/dashboard-05.json` |
| goals-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/goals-01.json` |
| goals-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/goals-02.json` |
| goals-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/goals-03.json` |
| goals-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/goals-04.json` |
| comparison-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/comparison-01.json` |
| comparison-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/comparison-02.json` |
| comparison-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/comparison-03.json` |
| comparison-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/comparison-04.json` |
| alerts-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/alerts-01.json` |
| alerts-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/alerts-02.json` |
| alerts-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/alerts-03.json` |
| alerts-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/alerts-04.json` |
| geo-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/geo-01.json` |
| geo-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/geo-02.json` |
| geo-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/geo-03.json` |
| geo-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/geo-04.json` |
| billing-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/billing-01.json` |
| billing-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/billing-02.json` |
| billing-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/billing-03.json` |
| billing-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/billing-04.json` |
| billing-05 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/billing-05.json` |
| insights-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/insights-01.json` |
| insights-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/insights-02.json` |
| insights-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/insights-03.json` |
| insights-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/insights-04.json` |
| pipeline-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/pipeline-01.json` |
| pipeline-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/pipeline-02.json` |
| pipeline-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/pipeline-03.json` |
| pipeline-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/pipeline-04.json` |
| schedule-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/schedule-01.json` |
| schedule-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/schedule-02.json` |
| schedule-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/schedule-03.json` |
| schedule-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/schedule-04.json` |
| team-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/team-01.json` |
| team-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/team-02.json` |
| team-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/team-03.json` |
| team-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/team-04.json` |
| team-05 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/team-05.json` |
| team-06 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/team-06.json` |
| checklist-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/checklist-01.json` |
| checklist-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/checklist-02.json` |
| checklist-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/checklist-03.json` |
| checklist-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/checklist-04.json` |
| gauge-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/gauge-01.json` |
| gauge-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/gauge-02.json` |
| gauge-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/gauge-03.json` |
| gauge-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/gauge-04.json` |
| metric-list-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/metric-list-01.json` |
| metric-list-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/metric-list-02.json` |
| metric-list-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/metric-list-03.json` |
| metric-list-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/metric-list-04.json` |
| forecast-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/forecast-01.json` |
| forecast-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/forecast-02.json` |
| forecast-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/forecast-03.json` |
| forecast-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/forecast-04.json` |
| retention-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/retention-01.json` |
| retention-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/retention-02.json` |
| retention-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/retention-03.json` |
| retention-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/retention-04.json` |
| distribution-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/distribution-01.json` |
| distribution-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/distribution-02.json` |
| distribution-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/distribution-03.json` |
| distribution-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/distribution-04.json` |
| spend-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/spend-01.json` |
| spend-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/spend-02.json` |
| spend-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/spend-03.json` |
| spend-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/spend-04.json` |
| flow-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/flow-01.json` |
| flow-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/flow-02.json` |
| flow-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/flow-03.json` |
| flow-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/flow-04.json` |
| timeline-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/timeline-01.json` |
| timeline-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/timeline-02.json` |
| timeline-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/timeline-03.json` |
| timeline-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/timeline-04.json` |
| realtime-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/realtime-01.json` |
| realtime-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/realtime-02.json` |
| realtime-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/realtime-03.json` |
| realtime-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/realtime-04.json` |
| feedback-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/feedback-01.json` |
| feedback-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/feedback-02.json` |
| feedback-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/feedback-03.json` |
| feedback-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/feedback-04.json` |
| deployments-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/deployments-01.json` |
| deployments-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/deployments-02.json` |
| deployments-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/deployments-03.json` |
| deployments-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/deployments-04.json` |
| scatter-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/scatter-01.json` |
| scatter-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/scatter-02.json` |
| scatter-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/scatter-03.json` |
| scatter-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/scatter-04.json` |
| security-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/security-01.json` |
| security-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/security-02.json` |
| security-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/security-03.json` |
| security-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/security-04.json` |
| security-05 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/security-05.json` |
| security-06 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/security-06.json` |
| inventory-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/inventory-01.json` |
| inventory-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/inventory-02.json` |
| inventory-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/inventory-03.json` |
| inventory-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/inventory-04.json` |
| ai-usage-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/ai-usage-01.json` |
| ai-usage-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/ai-usage-02.json` |
| ai-usage-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/ai-usage-03.json` |
| ai-usage-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/ai-usage-04.json` |
| settings-01 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/settings-01.json` |
| settings-02 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/settings-02.json` |
| settings-03 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/settings-03.json` |
| settings-04 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/settings-04.json` |
| settings-05 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/settings-05.json` |
| settings-06 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/settings-06.json` |
| settings-07 | registry:component | — | `npx shadcn@latest add https://www.dashboardblocks.com/r/{style}/settings-07.json` |

## For AI agents

```text
You are adding components from @dashboardblocks to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/dashboardblocks.md) for the component list.
2. Fetch the machine-readable index: https://www.dashboardblocks.com/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: dashboardblocks).
```