For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
When to use
- A full page overview: a header, a row of summary tiles, then a trend chart, a work list or both
- A team home for fulfillment, product modules, timesheets, staffing, calls, security, revenue or payouts
When not to use
- One trend panel to drop into a page layout you already have: use the Area Chart blocks
- A strip of KPI tiles on its own, with nothing under it: use the Stats blocks
- Product usage reporting on activation, cohorts, events or experiments: use the Analytics blocks
Agent notes
- Each block sets its own
min-h-svhwrapper, padding and max width in page.tsx, its root component or both; strip them inside an app shell
Third-party API docs
- Sonner v2: API reference, docs, used by 8 of 8 blocks
- Recharts v3: API reference, docs, used by 7 of 8 blocks
- date-fns v4: docs, used by 6 of 8 blocks
- React DayPicker v9: API reference, docs, used by 6 of 8 blocks
- TanStack Table v9: API reference, docs, used by 5 of 8 blocks
https://web.dev.reui.io/blocks/application/dashboard.mdsearch({ query: "dashboard", type: "block", category: "dashboard" })Complete Dashboard Screens, Not Dashboard Widgets
A dashboard is the hardest screen in most products because it stacks three problems: summarising state, showing trend, and giving someone something to act on. Each block here solves all three inside one layout instead of leaving you to assemble a metric strip, a chart, and a table that were never designed to sit together.
They are built on ReUI Frame and Badge with shadcn Chart, Tabs, Select, and Breadcrumb. Five of the eight close with a ReUI DataGrid carrying search, sorting, status filters, and pagination, so the action layer is a working grid and not a static table.
Every one is written against a specific operational domain, so the columns, thresholds, tab states, and empty states already read like a product rather than placeholder data. Swap the fixtures for your API response and the hierarchy still holds.
All Dashboard Blocks
Open any block on its own page for a live preview, the components it is built from, and the install command.
- Fulfillment Exceptions Operations dashboard with KPI stat cards, capacity charts, and a filterable exception data grid
- Module Tracker Operations Dashboard with Sparkline Metric Cards and Searchable Module Data Grid
- Worklog Timesheet Project delivery dashboard with tabbed header and weekly per-person worklog timesheet grid
- Voice Agent Calls Voice Agent Call Analytics Dashboard with Tabbed Metric Switcher and Composed Area Chart
- Edge Security Telemetry Edge Security Telemetry Dashboard with KPI Sparkline Tiles, Threat Charts and Node Load Bars
- Workforce Coverage Field Workforce Coverage Dashboard with Crew Table, Action Queue, and Supply vs Forecast Chart
- Retail Revenue Retail revenue dashboard with KPI sparkline cards, stacked sales charts, and a sortable order queue
- Royalty Payouts Creator royalty payout dashboard with sweep-lane payout control and a sortable ledger DataGrid
The Three Layers Every Dashboard Block Ships
- Metric layer KPI tiles and stat cards with tone-coded deltas, inline SVG or Recharts sparklines, and trend Badge chips, so the number and its direction land together.
- Chart layer Area, stacked area, donut, composed area-and-line, and ranked bar charts on shadcn Chart, with capacity allocation Tabs and metric switchers reusing the same canvas.
- Action layer A searchable, sortable, paginated ReUI DataGrid or shadcn Table holding the exception queue, order queue, crew roster, worklog, or ledger the metrics point at.
- Header chrome Breadcrumb trails, date-range pickers over shadcn Calendar, collaborator Avatar stacks, Progress meters, and DropdownMenu row actions, already positioned.
Operational Domains These Dashboards Are Written Against
Generic dashboards make you invent the content. These start from a job someone actually does.
- Fulfillment control: shift performance, capacity allocation tabs, a donut flow chart, and a paginated exception queue you can filter down to one failing order.
- Voice AI call analytics: a six-metric tab switcher across calls, duration, and LLM cost over a composed area and line chart, with ranked agent bars and integration status.
- Edge security telemetry for SOC and NOC teams: KPI sparkline tiles, threat-vector and network-flow charts, per-node cluster load bars, and active threat progress lanes.
- Field workforce coverage: a crew table with coverage progress bars, an action queue, and a stacked supply versus forecast chart.
- Retail revenue: sparkline KPI cards, a stacked area revenue chart, a channel-mix bar chart, and a sortable order queue with fulfillment bars.
- Creator royalty payouts: a claimable balance command band, a receipts versus buffer chart, payout sweep lanes, and a searchable ledger.
- Project delivery: a tabbed header with breadcrumb and collaborators over a weekly per-person worklog timesheet grid with week navigation and designed empty tab states.
Replacing the Fixtures With Your Own Data
Sample rows sit in plain arrays at the top of each file and grid columns are declared as an ordinary column array, so pointing a block at your endpoint means swapping the source and keeping the accessor keys. There is no fetch wrapper to unpick first.
Because tiles, charts, and grid share one Frame surface and one radius and color token set, a partial swap still looks intentional. You can keep the telemetry chart layer and drop in your own queue, or keep the order grid and change the metric row, without the screen coming apart.
Install a block with the shadcn CLI and its dependencies come with it, including DataGrid, Badge, Frame, and the shadcn Chart wrapper around Recharts.
Related Shadcn Application Block Categories
- Charts (47) Standalone analytics cards you can drop into the chart layer of any dashboard, including gauges, donuts, funnels, and dual-axis lines.
- Stats (17) KPI strips and metric summaries when you need only the top row of a dashboard rather than a full overview screen.
- App Shell (35) Sidebar and header layouts to put around a dashboard so the overview screen has navigation, search, and account chrome.
- Card (43) Individual panels for the gaps between charts and grids, from summaries and activity to compact interactive surfaces.
- List (11) Compact record and activity rows for the side column of a dashboard when a full data grid is more than you need.
- Settings (16) Configuration pages that pair with a dashboard once users need to change the thresholds and preferences it reports on.
All Shadcn Block Groups
Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.
- Shadcn Application Blocks (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
What is included in a ReUI dashboard block?
How do I install a dashboard block?
Can I restyle a dashboard block to match my design system?
Do these dashboards work with Base UI as well as Radix?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.