Copy. Paste. Ship.
Production-ready React layouts. Zero dependencies, zero wrappers. Copy-paste directly into your project.
Overview + Table
KPI cards and a recent invoices table.
Dashboard
Overview
MRR
Monthly recurring revenue
+12% vs last month
Active users
Last 30 days
Uptime
Past 7 days
No incidents reported
Recent invoices
Latest billing activity
| Invoice | Customer | Status | Amount |
|---|---|---|---|
| INV-1024 | Acme Inc. | Paid | $1,240 |
| INV-1023 | Nexa Studio | Pending | $320 |
| INV-1022 | Orbit Labs | Overdue | $980 |
| INV-1021 | Mono Works | Paid | $150 |
Setup Checklist
A setup checklist with steps and progress.
Project setup
Complete these steps to ship your first release.
Connect your repository
Link GitHub and configure automatic deployments.
Add environment variables
Set API keys and database URLs for production.
Invite your team
Create roles and grant access to the workspace.
mcp
Connect it once.Your agent gets the whole catalog.
Point any MCP client at the server and your agent can list the catalog, pull the real source of a component and read the docs before it writes a line. Same copy and paste as always, without the part where it invents a component that does not exist.
mcp.json
{ "mcpServers": { "nachui": { "command": "npx", "args": ["-y", "nachui-mcp"] } }}list_componentsEvery component in the registry, with the npm packages it needs.get_componentThe source of one component, the same file you would copy by hand.search_docsSemantic search across the documentation, in English or Spanish.get_docA full docs page as markdown, for when a snippet is not enough.
Nothing is installed and nothing runs in the background. Four read-only tools over the same registry the docs use.
MIT