Official CLI for bootstrapping and managing UI8Kit component workflows in Vite React projects.
- Node.js
>=18 - A Vite React project (for
initandadd)
bunx ui8kit@latest initInitialize with defaults (non-interactive):
bunx ui8kit@latest init --yesInitialize UI8Kit structure and config in the current project.
bunx ui8kit@latest init
bunx ui8kit@latest init --yes
bunx ui8kit@latest init --registry uiOptions:
-y, --yesSkip prompts and use defaults-r, --registry <type>Registry type (default:ui)
Install one or more components from the registry.
bunx ui8kit@latest add button
bunx ui8kit@latest add button card
bunx ui8kit@latest add --all
bunx ui8kit@latest add badge --force
bunx ui8kit@latest add button --dry-run
bunx ui8kit@latest add --all --retryOptions:
-a, --allInstall all available components-f, --forceOverwrite existing files-r, --registry <type>Registry type (default:ui)--dry-runShow planned actions without writing files--retryEnable retry logic for unstable connections
Scan source files and generate a registry manifest.
bunx ui8kit@latest scan
bunx ui8kit@latest scan --cwd ./src/components
bunx ui8kit@latest scan --source ./src --output ./src/registry.jsonOptions:
-r, --registry <type|path>Registry type/path (default:ui)-o, --output <file>Output registry file-s, --source <dir>Source directory to scan--cwd <dir>Working directory
Build a publishable registry from a registry JSON file.
bunx ui8kit@latest build
bunx ui8kit@latest build ./src/registry.json
bunx ui8kit@latest build ./src/registry.json --output ./packages/registry/rOptions:
[registry]Path to registry JSON (default:./src/registry.json)-o, --output <path>Output directory (default:./packages/registry/r)-c, --cwd <cwd>Working directory
# 1) Initialize project
bunx ui8kit@latest init --yes
# 2) Add a component
bunx ui8kit@latest add button
# 3) Add everything from registry (optional)
bunx ui8kit@latest add --allFrom packages/cli:
npm install
npm run devBuild once:
npm run buildRun compiled CLI locally:
node dist/index.js --help