Setup

Install Tailwind v4 + TypeScript

The shadcn CLI preflight needs a Tailwind v4 setup. Add it plus typescript, then create an entry CSS that imports Tailwind.

                  npm install -D tailwindcss @tailwindcss/vite typescript
                

Add components.json

Create components.json at the project root and register the named registry so you can install by alias.

                  {
  "registries": { "@uipkge-react": "https://react.uipkge.dev/r/react/{name}.json" }
}
                

Bootstrap tokens + helpers

Pull the Tailwind OKLCH tokens, the cn() helper, and the theme provider in one shot.

$ pnpm dlx shadcn@latest add https://react.uipkge.dev/r/react/init.json

$ npx shadcn@latest add https://react.uipkge.dev/r/react/init.json

$ yarn dlx shadcn@latest add https://react.uipkge.dev/r/react/init.json

$ bunx shadcn@latest add https://react.uipkge.dev/r/react/init.json

Add any component

Copy the source into your project — you own it, no semver, edit freely.

$ pnpm dlx shadcn@latest add https://react.uipkge.dev/r/react/button.json

$ npx shadcn@latest add https://react.uipkge.dev/r/react/button.json

$ yarn dlx shadcn@latest add https://react.uipkge.dev/r/react/button.json

$ bunx shadcn@latest add https://react.uipkge.dev/r/react/button.json