Dashboards · React
HR and people
Headcount, joiners and leavers, team sizes, attrition and the open-roles pipeline for a growing company.
What you get
A people dashboard for a 214-person software company: joiners and leavers by month, team sizes, attrition and time to hire, and every open role with its stage. Teams, roles and figures live in src/dashboard.ts.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
@import "tailwindcss"; /* Theme: change these to restyle the whole site. */@theme { --color-bg: #fbfaf8; --color-surface: #f3f1ed; --color-fg: #0a0a0a; --color-muted: #6e6a64; --color-line: #e5e1da; --color-accent: #9a3412; --color-accent-fg: #ffffff; --color-good: #047857; --color-warn: #b45309; --color-bad: #b91c1c; --font-heading: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --font-body: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --radius-card: 8px;} html { color-scheme: light; scroll-behavior: smooth; background: var(--color-bg);} body { font-family: var(--font-body); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;} ::selection { background: color-mix(in srgb, var(--color-accent) 22%, transparent);}Remix
Remix this template
Describe what to change and the agent starts from HR and people's files. The box is already started for you: finish “Start from HR and people and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates- Featured
Analytics dashboard
A responsive dashboard layout with sidebar navigation, stat cards, and a data table.
API monitoring
Latency, error rates, uptime and service health for an API platform, in a dark on-call layout.
SaaS metrics
MRR, churn, ARPA and a breakdown of new, expansion and churned revenue for a subscription product.
Build on HR and people
Create a free account, start from this template, and ask the AI agent to turn it into your app.