@ravox-ui/cli

@ravox-ui/cli

Add Ravox Kit components, blocks and themes to your project. Works with React, Vue, Svelte and Angular.

npx @ravox-ui/cli init                 # set up the project (config, cn() helper and the Ravox theme)
npx @ravox-ui/cli add button dialog    # add components
npx @ravox-ui/cli add dashboard-01     # add a block (a full screen, React)
npx @ravox-ui/cli add --all            # add every component
npx @ravox-ui/cli list                 # see everything available
npx @ravox-ui/cli connect              # answer the site editors' chat with your own Claude Code

Also with pnpm dlx @ravox-ui/cli …, yarn dlx @ravox-ui/cli … and bunx @ravox-ui/cli …. Installed globally (npm i -g @ravox-ui/cli), the command is just ravox.

How it works

The code is copied into your project, so it is yours to edit: there is no runtime package to keep updated. Under the hood it uses the shadcn CLI with the Ravox registry (https://ui.ravoxlabs.com/r), so it plays well with other shadcn components in the same project.

• Framework: detected from package.json (--framework react|vue|svelte|angular to choose). React gets the shadcn items; Vue, Svelte and Angular get their own ports, with the same API.
• React setup: with Tailwind 4, a main CSS file and an import alias (@/*), init writes components.json itself, so no component library (Radix, Base UI, React Aria) gets installed: the Kit uses none. Otherwise it runs shadcn init.
• Package manager: shadcn runs with the one you used to call it (npx, pnpm, yarn or bun).
• Names: button, Button or button.json all work, and typos get a suggestion.

Connect your Claude Code to the site editors

connect (or conectar) links the component editor at ui.ravoxlabs.com/criar (and the team's video editor) to the Claude Code on your computer. You write in the editor's Claude chat; your Claude answers right there, the code and the preview update live, and follow-ups keep the context. It uses your own Claude subscription: no AI key, nothing to pay on the site.

• The first run opens the browser to sign in and click Allow (OAuth with PKCE; the token is saved in ~/.config/ravox-ui/conector.json). --login signs in again; --site <url> points to another site.
• Keep it open while you work (Ctrl+C turns it off). Each request runs claude -p with only the site's tools: it reads and saves your own drafts, never publishes and touches no files on your computer.

Options

Messages are in Portuguese when your system language is Portuguese (LANG=pt_BR…).

Links

• Components and docs: https://ui.ravoxlabs.com/en/ui
• Blocks: https://ui.ravoxlabs.com/en/ui/blocks
• Use it from your AI agent (MCP): https://ui.ravoxlabs.com/mcp

MIT © Ravox Labs