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": "https://uipkge.dev/r/vue/{name}.json" }
}
                

Bootstrap tokens + helpers

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

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

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

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

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

Add any component

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

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

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

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

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