What's in a Better Design admin dashboard template?

Three core primitives: collapsible Sidebar (navigation), Data Table (TanStack Table v8, sortable, filterable, paginated), Command Palette (cmdk fuzzy search). Plus supporting shadcn primitives: Button, Card, Input, Dialog. All shipped as a shadcn-compatible registry per design system.

Which design system should I pick for my admin app?

Precision Light or Linear for dev/project tools. Vercel or Supabase for infra/platform admins. Stripe for fintech. Notion for internal ops. Pick the system whose product feel matches what you're building.

Yes. MIT-licensed shadcn-compatible registry items. Install each component with `npx shadcn@latest add`. Source lands in your components/ui folder, fully editable.

Admin Dashboard

Sidebar, data table, command

Orders today

1,284

+8.4% vs yesterday

Revenue today

$48.2K

+12.6% vs yesterday

New customers

212

+3.1% vs yesterday

Conversion

3.24%

-0.2% vs yesterday

Recent orders

Latest activity across all stores

Live

Order	Customer	Item	Status	Amount
ORD-9281	Marie Laurent	Pro plan	paid	$240.00
ORD-9280	Tomás Vidal	Team add-on	paid	$60.00
ORD-9279	Hana Yamamoto	Enterprise	pending	$1,200.00
ORD-9278	Jonas Brandt	Pro plan	paid	$240.00
ORD-9277	Aïsha Bensaïd	Starter	refunded	$24.00
ORD-9276	Daniel Okonkwo	Pro plan	paid	$240.00
ORD-9275	Sofia Gallegos	Team add-on	paid	$60.00

Press ⌘K to open command palette

About this template

Operations admin shell: sidebar navigation, data table, command palette.

Rendered using Graphite (dark theme). Soft recessed greys, sliding pills.

The three primitives

Sidebar

Collapsible navigation. SidebarProvider, SidebarHeader, SidebarContent, SidebarMenu. Composable per layout.

Data Table

TanStack Table v8. Sortable, filterable, paginated. Composes with shadcn Input, Button, and DropdownMenu for the toolbar.

Command Palette

cmdk + Radix Dialog. Fuzzy search across pages, actions, recent items. Keyboard-first.

Install (three commands)

Replace linear with any design system slug.

# 1. Sidebar
npx shadcn@latest add https://better-design.com/registry/linear/sidebar.json

# 2. Data Table
npx shadcn@latest add https://better-design.com/registry/linear/data-table.json

# 3. Command Palette
npx shadcn@latest add https://better-design.com/registry/linear/command.json

All registry dependencies (Button, Input, Dialog, etc.) resolve automatically.

FAQ

What's in this template?

Sidebar navigation, KPI strip, orders data table, command-palette hint. Composed from design-system primitives.

Which design system should I pick?

Precision Light or Linear for dev/project tools. Monochrome Industrial for dense ops admins. Notion for internal docs admin. Pick the feel that matches your product.

Is it free?

Yes. MIT-licensed shadcn-compatible registry items. Install with npx shadcn@latest add.

All templates →Browse design systems →