Getting Started

Use a Next.js application with Tailwind CSS, TypeScript, pnpm, and a shadcn components.json file. Oros installs through the pinned shadcn@4.13.0 CLI.

Add the Oros registry namespace to your app. The full configuration is available on the components.json page for reference.

{
  "registries": {
    "@oros": "https://ui.oros.markets/r/{name}.json"
  }
}

Run shadcn CLI 4.13.0 from your app.

pnpm dlx shadcn@4.13.0 add @oros/button

The registry writes source to the UI path configured in your app. Import that local file just like any other component.

import { Button } from "@/components/ui/button"