Dashboard Home
A 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.
src/registry/blocks/dashboard-home.tsx/r/dashboard-home.json
Installation#
bash
npx shadcn@latest add @minidev/dashboard-home
MiniDev UI is in the shadcn registry directory, so the short form works with no setup. Older CLI versions can use the full URL: npx shadcn@latest add https://ui.minidev.pro/r/dashboard-home.json
Usage#
tsx
import { DashboardHome } from "@/components/ui/dashboard-home"
export function Example() {
return (
<DashboardHome />
)
}
API reference#
DashboardHome takes no props. It ships with realistic sample content: install it, then edit the copy and data in the file directly. The file is yours.
Dependencies#
npm
React only
Examples#
Related dashboard components#
Admin ConsoleA 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.Admin OverviewAn 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.Analytics PageA 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.Command CenterA React operations dashboard with a KPI row for agents, jobs, failures and latency, plus a command palette dialog opened from the header action.Inbox PageA Tailwind inbox panel listing messages with sender, preview line and timestamp, a New badge on unread items, and a mark all read action in the header.Project DetailA project detail header in React with a back link, page title and description, and a description list for owner, stack, license and registry.
All dashboard components