Dashboard Home
blockA React dashboard home screen with a page header and new project action, a KPI row with deltas, a 30 day active users bar chart and an activity feed.
npx shadcn@latest add @minidev/dashboard-homeCode Dashboard pages and admin layouts for React
Free dashboard page blocks for React and Tailwind CSS v4: a SaaS dashboard home, admin overview, analytics page, engineering console, status page and report builder with live charts. MIT.
10 blocksFree, MITshadcn CLI compatibleTailwind CSS v4Light and dark
A dashboard is a layout problem first: a sidebar, a header, a grid of stat cards and charts, and a table. These full-page blocks give you working versions of the common ones, with real chart and table components inside that you can swap one at a time.
Admin Overview
blockAn admin overview section with a heading and invite action, stat tiles with deltas for seats, MRR, NPS and churn, and a recent activity feed below.
npx shadcn@latest add @minidev/admin-overviewCode Analytics Page
blockA React analytics page with a KPI strip for installs, trials, conversions and seats, plus two chart cards showing 30 day bar trends side by side.
npx shadcn@latest add @minidev/analytics-pageCode Admin Console
blockA full admin console with an impersonation banner, org switcher, KPI strip and tabs for users, SSO and IP allowlist, resource quotas and bulk user import.
npx shadcn@latest add @minidev/admin-consoleCode Engineering Console
blockAn engineering console with an environment switcher, build pipeline, and tabs for commits, CI checks with coverage, a trace waterfall and code review.
npx shadcn@latest add @minidev/engineering-consoleCode Command Center
blockA React operations dashboard with a KPI row for agents, jobs, failures and latency, plus a command palette dialog opened from the header action.
npx shadcn@latest add @minidev/command-centerCode Report Builder
blockA React report builder layout with an export action, a date range picker and a chart card for the selected metrics. A base for custom reporting screens.
npx shadcn@latest add @minidev/report-builderCode Status Page
blockA React system status panel with an overall outage badge and a list of services, each marked operational or degraded by a colored health indicator.
npx shadcn@latest add @minidev/status-pageCode Project List
blockA React projects list with a page header and new project button, and bordered rows that show each project name with an active or paused status badge.
npx shadcn@latest add @minidev/project-listCode Users Table Page
blockA React users admin page with an invite action, a search toolbar that filters rows as you type, and a data table with name, role and status badge columns.
npx shadcn@latest add @minidev/users-table-pageCode Frequently asked questions
Is there a full dashboard template?
Yes. The Lumen template is a complete finance app built only from the kit, with a dashboard, invoices, customers and settings. The templates page links it.