design-infraReport a problem or share feedback← Catalog
Dashboard 01
curatedtheme-awarefreeshadcn/dashboard-01
A dashboard with sidebar, charts and data table.
drop-inTrustworthyMinimal
$
npx shadcn@latest add dashboard-01npm deps: @dnd-kit/core, @dnd-kit/modifiers, @dnd-kit/sortable, @dnd-kit/utilities, @tabler/icons-react, @tanstack/react-table, zod
Our notes
The reference SaaS dashboard: inset sidebar, KPI cards, interactive area chart, dnd-sortable data table. Writes app/dashboard/page.tsx + data.json and many components/* files. Uses @tabler/icons-react (swap for lucide if you like).- Source
- shadcn/ui blocks
- Kind
- block
- Categories
- dashboard
- Use as
- drop-in — replaces your component
- Applies to
- dashboard
- Motion
- not tagged (static or unknown)
- Tags
- block
- Licence
- MIT (shadcn-ui/ui)
- Live demo
- ui.shadcn.com
- Docs
- ui.shadcn.com
Similar
Compare all 4 →- Sidebar 07shadcn/sidebar-07Sidebar that collapses to icons, with team switcher + user menu — the best default app shell. Writes app/dashboard/page.tsx and components/app-sidebar.tsx (installing another sidebar-NN overwrites it).
- Sidebar 08shadcn/sidebar-08Inset sidebar with secondary nav — Linear/Vercel-style shell.
- Sidebar 15shadcn/sidebar-15Left nav + right sidebar (calendar) — three-column layouts like mail/calendar apps.