Usage
Install components via Open-UI CLI or shadcn CLI registry. You can also copy source files manually.
Prerequisites
- Node.js 18+
- Tailwind CSS set up in your project
- Optional: shadcn initialized for registry-based install
Open-UI CLI
Recommended. Add components by slug and let the CLI handle dependencies.
shadcn CLI (registry URL)
If you already use shadcn, you can add components directly from this site registry.
Initialize (once per project)
Add a component
Tip: replace <component> with a component slug (e.g. glass-surface).
Manual copy
You can also copy the source into your project.
- Copy the component files from this repo into your project (e.g. components/*).
- Make sure Tailwind config, CSS variables, and required packages match the component.
- Check the component page for preview and example code.
FAQ
Which install method should I use?
Use Open-UI CLI for the simplest setup. If you already use shadcn, the registry URL approach is also great.
shadcn add fails with 404
Make sure the slug exists and the registry is built/published. The URL format is /r/<component>.json.
Monorepo project?
Use shadcn's --cwd option to point to the app directory, then run init/add in that workspace.