Dinachi

Command Line Interface

CLI tool that copies component source code directly into your project for full ownership and customization.

#Commands

#init

Set up DinachiUI in your project. Creates components.json, injects the color theme, installs base dependencies.

npx @dinachi/cli@latest init

#add

Add components to your project. Copies source code and installs dependencies automatically.

npx @dinachi/cli@latest add button

Add multiple at once:

npx @dinachi/cli@latest add button input card

#Tiers

Components come in two tiers. The core tier is the 44 components built on Base UI. The motion tier is 19 animated components that depend on motion, so they are installed separately rather than arriving with everything else.

Install every core component:

npx @dinachi/cli@latest add --all

Install every motion component:

npx @dinachi/cli@latest add --motion

Both, for the whole library:

npx @dinachi/cli@latest add --all --motion

Naming a motion component installs it on its own, no flag needed:

npx @dinachi/cli@latest add marquee

#Other options

Overwrite existing files:

npx @dinachi/cli@latest add button --overwrite

#Global Install

For shorter commands, install globally:

npm install -g @dinachi/cli

Then use dinachi init and dinachi add button directly.

#Configuration

After running init, your project will have a components.json:

json
{
  "style": "default",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "css": "src/app/globals.css",
    "cssVariables": true
  },
  "aliases": {
    "components": "@/components",
    "utils": "@/lib/utils",
    "ui": "@/components/ui",
    "lib": "@/lib"
  }
}