Installation
Installation
Start a new Fujin app, or add Fujin to an existing shadcn project.
New project
npx fujin@latest create my-app --template nextTwo templates are available:
| Template | Use it for |
|---|---|
next | Next.js 16 App Router: server components, server actions, proxy.ts. |
react | Vite + React 19 SPA with TanStack Query. |
Both come with Tailwind v4, the Fujin theme, the MCP config and an AGENTS.md.
Existing project
Fujin is a shadcn registry, so any project with a components.json can use it.
Initialise
npx fujin@latest initThis runs shadcn init if needed, adds the @fujin registry to
components.json, and installs the theme tokens and the cn helper.
Add components
npx fujin@latest add button fieldWithout the Fujin CLI
Add the registry to components.json yourself:
{
"registries": {
"@fujin": "https://package.hellofizzbuzz.in/r/{name}.json"
}
}Then use the shadcn CLI directly:
npx shadcn@latest add @fujin/theme @fujin/button