Registry

Learn how to use the audio/ui Registry with shadcn/ui.

The audio/ui Registry gives you instant access to production-ready audio components. Add it once, then pull in flexible, composable blocks on demand.

Setup the audio/ui Registry

Add the audio/ui registry namespace to your components.json. Learn more about registry config from shadcn registry docs.

{
  "registries": {
    "@audio": "https://audio-ui.xyz/r/{style}/{name}.json"
  }
}

Usage

Install blocks via the shadcn CLI using the @audio/{name} syntax.

pnpm dlx shadcn@latest add @audio/block-pocket-synth

Install components via the shadcn CLI using the @audio/{name} syntax.

pnpm dlx shadcn@latest add @audio/knob