Setup

Installation

Install the base package, inspect the registry, then add the exact components your interface needs.

Step 1

Install the package

Add PacmanUI to your React or Next.js project.

pnpm add pacmanui

npm install pacmanui

Step 2

Browse components

Use the CLI to inspect what is available before adding files.

pnpm dlx pacmanui list

npx pacmanui list

Step 3

Add only what you need

Install individual components into your project source.

pnpm dlx pacmanui add button

npx pacmanui add button

Usage

tsx

import { Button, Badge } from 'pacmanui'

export default function Example() {
  return (
    <div className="flex items-center gap-3">
      <Button>Deploy</Button>
      <Badge variant="success">Ready</Badge>
    </div>
  )
}

Browse Components