V8.0 — Component Library

Design once.
Build everywhere.

Pepulux Playbook is the component foundation for every Pepulux OS product. Token-driven, multi-brand, built to last.

48+
Components
3
Active products
1 var
To rebrand
page.tsx
import { Button, Input, Badge } from "@pepulux/ui";

export default function Page() {
  return (
    <div>
      <Badge variant="success">Active</Badge>
      <Input placeholder="Search…" />
      <Button variant="primary">
        Add record
      </Button>
    </div>
  );
}

One codebase. Every brand.

Swap --brand and every component recolors instantly. Try the switcher in the nav above.

Brand 1

#CF1838

Brand 2

#EA580C

Quick install

One command. React 18+ and Tailwind CSS v4 required.

$npm install @pepulux/ui

Components

Built pixel-perfect to Pepulux Figma V8.0

View all →