Installation

Prerequisites#

ondo-ui components assume a project set up with the shadcn CLI — Tailwind CSS v4, a components.json, and the cn() utility. If you are starting fresh:

pnpmnpmyarnbun
bunx --bun shadcn@latest init
Copy

Register the registry#

Add the @ondo-ui namespace to the registries field of your components.json:

Copy{
  "registries": {
    "@ondo-ui": "https://ui.ondo.dou.so/r/{name}.json"
  }
}

Add the theme#

Install the ondo theme first — it brings the Pretendard and Monaspace Neon fonts plus the base CSS variables:

pnpmnpmyarnbun
bunx --bun shadcn@latest add @ondo-ui/theme @ondo-ui/theme-provider
Copy

Add components#

Add any component by name. Dependencies such as utils are resolved automatically:

pnpmnpmyarnbun
bunx --bun shadcn@latest add @ondo-ui/button
Copy

Then import it from your project:

Copyimport { Button } from "@/components/ui/button"
 
export default function Example() {
  return <Button>Click me</Button>
}