Pepulux Playbook is the component foundation for every Pepulux OS product. Token-driven, multi-brand, built to last.
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>
);
}Swap --brand and every component recolors instantly. Try the switcher in the nav above.
Brand 1
#CF1838
Brand 2
#EA580C
One command. React 18+ and Tailwind CSS v4 required.
$npm install @pepulux/uiBuilt pixel-perfect to Pepulux Figma V8.0
Actions & navigation
Text fields & form controls
Status labels & tags
Dropdown selection
Toggle controls
Data display & management
Dialog & overlay patterns
User representation
Feedback & notifications
Section navigation
Content grouping
Boolean selection