design-infraReport a problem or share feedback← Catalog
Data table card
curatedtheme-awarefreeoc/data-table-card
shadcn 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.
drop-inTechnicalTrustworthy
$
npx shadcn@latest add @design-infra/data-table-cardnpm deps: lucide-react
Live demo — under each design system
brutalist-mono
Deployments
Latest builds across all projects.
| Environment | Status | Branch | Created | ||
|---|---|---|---|---|---|
| acme-web | Production | Ready | main | 2m ago | |
| acme-docs | Preview | Building | feat/search | 6m ago | |
| acme-api | Production | Ready | main | 1h ago | |
| acme-web | Preview | Error | fix/hydration | 3h ago | |
| acme-admin | Production | Ready | main | yesterday |
editorial
Deployments
Latest builds across all projects.
| Environment | Status | Branch | Created | ||
|---|---|---|---|---|---|
| acme-web | Production | Ready | main | 2m ago | |
| acme-docs | Preview | Building | feat/search | 6m ago | |
| acme-api | Production | Ready | main | 1h ago | |
| acme-web | Preview | Error | fix/hydration | 3h ago | |
| acme-admin | Production | Ready | main | yesterday |
linear-dark
Deployments
Latest builds across all projects.
| Environment | Status | Branch | Created | ||
|---|---|---|---|---|---|
| acme-web | Production | Ready | main | 2m ago | |
| acme-docs | Preview | Building | feat/search | 6m ago | |
| acme-api | Production | Ready | main | 1h ago | |
| acme-web | Preview | Error | fix/hydration | 3h ago | |
| acme-admin | Production | Ready | main | yesterday |
soft-glass
Deployments
Latest builds across all projects.
| Environment | Status | Branch | Created | ||
|---|---|---|---|---|---|
| acme-web | Production | Ready | main | 2m ago | |
| acme-docs | Preview | Building | feat/search | 6m ago | |
| acme-api | Production | Ready | main | 1h ago | |
| acme-web | Preview | Error | fix/hydration | 3h ago | |
| acme-admin | Production | Ready | main | yesterday |
- Source
- oc
- Kind
- block
- Categories
- table, dashboard
- Use as
- drop-in — replaces your component
- Applies to
- tabledashboard
- Motion
- not tagged (static or unknown)
- Tags
- oc
- Live demo
- www.owencoonahan.xyz
Similar
Compare all 4 →- Template · SaaS dashboardoc/template-saas-dashboardStarter 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.
- Stat cardsoc/stat-cardsDashboard KPI tiles: label, big value, delta chip (invertible for churn/latency) and an SVG sparkline in --chart-1.
- Dashboard 01shadcn/dashboard-01The 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).