The shadercn registry ships GPU-powered shader components in the shadcn registry format. Register the namespace once in components.json, then pull items by name with the CLI.
Setup
Add a registries entry for this site. See the shadcn registry documentation for all components.json fields and behaviors.
{
"registries": {
"@shadercn": "https://shadercn.run/r/{name}.json"
}
}You can replace @shadercn with another namespace; it only needs to match what you pass to shadcn add.
Usage
Registry files install shader components into components/ui/.
Components declare their dependencies, so installing a component does not require additional setup.
With namespace
Install a component:
$ pnpm dlx shadcn@latest add @shadercn/orb-01
Without namespace
Use the full URL (as on each docs page):
$ pnpm dlx shadcn@latest add https://shadercn.run/r/orb-01.json