Oros UI

Search documentation

Search Oros UI pages and components.

Migration

Move from shadcn, COSS, or @oros/ui imports to the Oros registry.

From shadcn

Keep your existing aliases, add the @oros registry namespace, then install the corresponding Oros item with the CLI. Review the resulting file changes because registry installation adds source directly to your application.

pnpm dlx shadcn@4.13.0 add @oros/button

From COSS

Open a component's Source section to find its COSS equivalent. Common name changes include Menu to Dropdown Menu, Fieldset to Field, OTP Field to Input OTP, and Toast to Sonner.

Update imports

Code inside the Oros monorepo imports the shared package. An app that installs from the registry imports its local component file instead.

// Oros monorepo
import { Button } from "@oros/ui/components/button"

// App using the registry
import { Button } from "@/components/ui/button"

Form composition

Form is a documented composition rather than a standalone component file. Install the Field, Input, Button, and any other parts used by your form; the registry does not add a form.tsx file.