u uipkge UI registry

A UI registry
you actually own.

82 Vue 3 components, shadcn-vue compatible. Install with one command — source files copy into your project, no node_modules, no semver, no lock-in.

Get started Browse 82 components

82: components
0: blocks
4: bootstrap
0: npm packages

Get started

Inside a Vue or Nuxt project with a components.json, run:

Step 1

Bootstrap tokens + helpers

Drops Tailwind v4 OKLCH tokens, cn() helper, and useTheme.
```
npx shadcn-vue@latest add https://uipkge.pages.dev/r/init.json
```
Step 2

Add components

Each command copies the source into your project. Cross-deps install automatically.
```
npx shadcn-vue@latest add https://uipkge.pages.dev/r/button.json
```

Use as a named registry (shorter commands)

Add this to your components.json:

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

Then commands shorten to:

npx shadcn-vue@latest add @uipkge/data-table

Components

82 available

Bootstrap items

4 foundation pieces

init

One-shot bootstrap. Pulls tailwind tokens, the cn() helper, and the useTheme composable in
tailwind

Tailwind v4 OKLCH color tokens (light + dark) for the uipkge design system. Drops into the
use-theme

useTheme composable: light/dark/system theme switcher with localStorage persistence and sy
utils

Tailwind class merge helper: cn(). Combines clsx and tailwind-merge.