UIPKGE Registry
Open-source component registry for Vue 3.5 (Nuxt 4), React 19 (Next.js 16), Angular 22, Svelte 5 (SvelteKit) and Lit 3 web components.
In UIPKGE, the components are the product, not an npm package. Source files install into your project via the CLI. You own that code — edit it freely, with zero semver lock-in.
- 🌐 Documentation & Live Previews: uipkge.dev
- 🚀 Boilerplates & Templates: Official Starters & Templates
- 🤝 Contributing: See CONTRIBUTING.md (Single-framework contributions are welcomed!)
- 📚 Documentation: See docs/ and AGENTS.md
How This Repository Fits Together
- Primitives, charts, design tokens and bootstrap utilities are developed in the maintainers' upstream monorepo (the one that also builds uipkge.dev) and exported here.
.uipkge-sync.jsonrecords the upstream commit last exported; the pipeline writes it, nobody edits it. - This repository is the public distribution surface and the place to contribute:
- Blocks are built here, under
packages/{vue,react,angular,svelte}/blocks/<name>/. - Primitive fixes are welcome as dedicated PRs. Merged fixes are ported upstream by the maintainers, and the export pipeline refuses to overwrite anything merged here that upstream does not have yet.
- Blocks are built here, under
Installation
Vue 3.5 / Nuxt 4
# Bootstrap Tailwind tokens and utilities npx shadcn-vue@latest add https://uipkge.dev/r/vue/init.json -y # Install any component npx shadcn-vue@latest add https://uipkge.dev/r/vue/button.json -y
React 19 / Next.js 16
# Bootstrap Tailwind tokens and utilities npx shadcn@latest add https://uipkge.dev/r/react/init.json # Install any component npx shadcn@latest add https://uipkge.dev/r/react/button.json
Angular 22
# Initialize once per project npx uipkge-ng@latest init # Install any component npx uipkge-ng@latest add button
Svelte 5 / SvelteKit
# Install any component (full URL form)
npx shadcn-svelte@latest add https://uipkge.dev/r/svelte/button.jsonLit 3 Web Components
# Install any component (works in plain HTML and any framework)
npx shadcn@latest add https://uipkge.dev/r/lit/button.json -y🚀 Official Boilerplates & Production Templates
Jumpstart your application with production-grade starters and reference templates built end-to-end on the UIPKGE component registry:
⚡ SaaS Starters & Boilerplates
| Boilerplate | Framework | Features | Links |
|---|---|---|---|
| Nuxt 4 SaaS Boilerplate | Vue 3.5 / Nuxt 4 | 44-provider auth, magic-link, Polar billing, Drizzle ORM, dashboard, charts, forms, typed API envelope. | GitHub · Live Demo |
| Next.js 16 SaaS Boilerplate | React 19 / Next.js 16 | App Router, Radix UI primitives, authentication, dashboard metrics, and Tailwind CSS v4 design tokens. | GitHub · Live Demo |
| Angular SaaS Boilerplate | Angular 20 / SSR | GitHub OAuth + magic-link auth, admin RBAC, Polar billing, Drizzle ORM, dashboard, charts, forms. | GitHub · Live Demo |
| SvelteKit SaaS Boilerplate | Svelte 5 / SvelteKit | GitHub OAuth + magic-link auth, admin RBAC, Polar billing, Drizzle ORM, dashboard, charts, forms. | GitHub · Live Demo |
🏥 Production Reference Templates
| Template | Framework | Description | Links |
|---|---|---|---|
| HRMS Template | Nuxt 4 + Vue 3.5 | Human Resource Management System with 7 role personas, employee directory, leave management, and payroll. | GitHub · Live Demo |
| Shipment Tracking Template | Nuxt 4 + Vue 3.5 | Logistics & freight tracker featuring interactive ECharts route flow maps, shipment milestones, and status feeds. | GitHub · Live Demo |
| HMS Template | Nuxt 4 + Vue 3.5 | Hospital Management System with multi-persona clinical portals, patient queues, and env-gated Nitro backend. | GitHub |
🌐 Explore all template previews in the Vue, React, Angular, Svelte and Lit template galleries.
Repository Structure
uipkge-registry/
├── docs/ # Specifications, architecture, & contributor documentation
├── packages/
│ ├── vue/ # Vue 3.5 components, blocks, demos & dev playground
│ ├── react/ # React 19 components, blocks, demos & dev playground
│ ├── angular/ # Angular 22 standalone components, blocks & demos
│ ├── svelte/ # Svelte 5 components & demos
│ ├── lit/ # Lit 3 web components (framework-agnostic)
│ └── shared/ # Canonical Tailwind v4 tokens & CVA variant definitions
├── CONTRIBUTING.md # Single-framework contribution guide
└── README.md
Development
Run lightweight, isolated playgrounds without touching other frameworks:
bun install # Launch Vue playground (localhost:5173) bun run dev:vue # Launch React playground (localhost:5174) bun run dev:react # Build registry JSON manifests bun run build:registry
Community & Policies
- License: MIT License © 2026 Uday Adaka & UIPKGE
- Code of Conduct: Contributor Covenant v2.1
- Security Policy: SECURITY.md
- Questions & ideas: GitHub Discussions
Third-Party Licenses
All code in this repository is MIT. One runtime dependency is not open source: mapbox-gl (Mapbox GL JS v2+) is licensed under the Mapbox Terms of Service and requires a Mapbox access token. It is pulled in by map and by the charts built on it: bubble-map, choropleth-map-chart, dotted-map-chart, hexbin-map, route-flow-map and vector-map. For a fully open stack use leaflet-map (OpenStreetMap tiles, no key). Every other dependency carries its own open-source license; check the dependencies of an item before you ship it.
Acknowledgements
UIPKGE stands on:
- shadcn/ui (© 2023 shadcn, MIT) and shadcn-vue (© 2023 unovue, MIT) — the own-your-code registry model, the CLIs that install from it, and the component conventions this registry follows. Portions of this registry derive from their code; their notices apply.
- Radix UI (© 2022 WorkOS, MIT) for React and Reka UI (© 2023 UnoVue, MIT) for Vue — the accessible headless primitives underneath.
- Tailwind CSS, class-variance-authority, Lucide and Apache ECharts.