Initialize tokens, helpers, and the theme composable in any Vue 3 / Nuxt project with a components.json. Then add components on demand. The files copy into your repo. You own them.
npx shadcn-vue@latest add https://uipkge.dev/r/init.json Pulls Tailwind v4 OKLCH tokens, the cn() helper, and the useTheme composable in one shot. What lands in your project is documented below.
One-shot bootstrap. Pulls tailwind tokens, the cn() helper, and the useTheme composable in a single command. Run this first when starting a new app.
Tailwind v4 OKLCH color tokens (light + dark) for the uipkge design system. Drops into the project Tailwind CSS entry.
Tailwind class merge helper: cn(). Combines clsx and tailwind-merge.
useTheme composable: light/dark/system theme switcher with localStorage persistence and system preference fallback.
npx shadcn-vue@latest add https://uipkge.dev/r/<name>.json Or configure a named registry in your components.json once, then use the short form:
{
"registries": {
"@uipkge": "https://uipkge.dev/r/{name}.json"
}
}npx shadcn-vue@latest add @uipkge/<name>