Installation

Installation

Start a new Fujin app, or add Fujin to an existing shadcn project.

New project

npx fujin@latest create my-app --template next

Two templates are available:

TemplateUse it for
nextNext.js 16 App Router: server components, server actions, proxy.ts.
reactVite + 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 init

This 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 field

Without the Fujin CLI

Add the registry to components.json yourself:

components.json
{
  "registries": {
    "@fujin": "https://package.hellofizzbuzz.in/r/{name}.json"
  }
}

Then use the shadcn CLI directly:

npx shadcn@latest add @fujin/theme @fujin/button

On this page