Hazine

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-card

The 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