Get started
Hazine is a shadcn-compatible registry. Any project set up with the shadcn CLI can install Hazine components in two steps.
1. Register the treasury
Add the @hazine namespace to the registries key of your components.json:
{
"registries": {
"@hazine": "https://hazine.dev/r/{name}.json"
}
}2. Add components
npx shadcn@latest add @hazine/metric-cardThe component source lands in components/hazine/ — plain TypeScript you own, not a package you depend on.
Use from an AI agent
Hazine works with the official shadcn MCP server. Once the registry is in your components.json, agents like Claude Code and Cursor can search and install Hazine components directly:
npx shadcn@latest mcp init