Browse documentation

Installation

robocn is a shadcn registry. Components install as source into your project, with their dependencies and theme variables.

How it works

  • Run `shadcn init` first if the project has no components.json — robocn components import `cn` from your utils alias.
  • Each item pulls in the libraries and hooks it needs. Installing robot-arm also installs robot-kinematics, robot-style and the two hooks.
  • The theme variables and keyframes ride along with robot-style, so an install themes itself.

Add the namespace

Register robocn in components.json and every item installs by short name.

components.json
{
  "registries": {
    "@robocn": "https://robocn.dev/r/{name}.json"
  }
}
pnpm dlx shadcn@latest add @robocn/robot-arm @robocn/delta-arm