design-infraReport a problem or share feedback← Catalog
Template · SaaS dashboard
curatedtheme-awarefreeoc/template-saas-dashboard
Dashboard at app/dashboard/page.tsx: @oc/app-shell sidebar + breadcrumbs, KPI stat cards with sparklines, revenue area chart (shadcn chart), recent-activity card and a searchable, filterable customers table.
drop-inTechnicalTrustworthyRefined
$
npx shadcn@latest add @design-infra/template-saas-dashboardnpm deps: lucide-react, recharts
Our notes
Starter page → app/dashboard/page.tsx. Use existing compatible tokens, or install a theme only when requested; it pulls in 3 @oc blocks. Preview: /templates/template-saas-dashboard.- Source
- oc
- Kind
- template
- Categories
- dashboard, sidebar, stats, chart, table
- Use as
- drop-in — replaces your component
- Applies to
- dashboardsidebarstatscharttable
- Motion
- not tagged (static or unknown)
- Tags
- oc, template, oc/app-shell, oc/stat-cards, oc/data-table-card
- Live demo
- www.owencoonahan.xyz
Similar
Compare all 4 →- Contribution Graphkibo-ui/contribution-graphGitHub-style contribution heatmap; levels use fill-muted-foreground/N, so it inherits the theme.
- App shelloc/app-shellProduct app frame on the shadcn sidebar: brand header, grouped nav with badges, user dropdown, icon-collapse (Cmd/Ctrl+B) and mobile sheet; header bar with breadcrumbs + action slot; content slot.
- Data table cardoc/data-table-cardshadcn table in a card with toolbar: search, faceted filter, actions slot, sortable columns, row selection and pagination. Badge columns are server-safe; `cell` renderers need a client page.