Installation

1. Add the registry

Add the @voraui namespace to the registries key of your components.json:

{
  "registries": {
    "@voraui": "https://voraui.vercel.app/r/{name}.json"
  }
}

2. Add components

pnpm dlx shadcn@latest add @voraui/trading-chart

Files land in components/voraui/<component>/ and npm dependencies are installed automatically.

Installed before components moved into per-component folders? Re-adding a component writes the new folder but leaves the old flat files in components/voraui/ behind: delete those and point your imports at the new folder.

Zero-config alternative

The full URL form always works without touching components.json:

npx shadcn@latest add https://voraui.vercel.app/r/trading-chart.json

Data out of the box

Every component ships with a hook that fetches free, keyless public APIs (alternative.me, CoinPaprika, Binance), so it renders real data immediately. For production you can pass your own data via props and the bundled fetcher is skipped.