Setup. One command.

Writes components.json, ensures the @/* tsconfig mapping, and sets up Tailwind v4 if it's missing (see tailwindcss.com/docs/installation):

npx uipkge-ng@latest init

components.json (registry + aliases), @/* tsconfig mapping, the cn() helper with its npm deps, and the design tokens as src/uipkge.css (imported from your stylesheet — your own CSS is never overwritten).

Files land under src/app/..., npm deps install automatically, already-installed items are skipped. Use native elements with attribute selectors (<button ui-button>) so the DOM matches the documented shape.

npx uipkge-ng@latest add button

import { Component } from '@angular/core';
import { UiButtonComponent } from '@/ui/button';

@Component({
  selector: 'app-root',
  imports: [UiButtonComponent],
  template: `<button ui-button>Hello uipkge</button>`,
})
export class App {}

See a styled button? You're set.

• Standalone components only. Every item is a standalone Angular component — no NgModules. Import it directly in your component's imports.
• Headless behavior is yours. Unlike the Vue/React mirrors (Reka/Radix), Angular overlays and disclosures here are dependency-light on purpose — wire @angular/cdk where you need overlay, focus-trap, or list-key-manager behavior.