Pepulux Playbook

Design resources

The Pepulux UI component library in Figma — every variant, state, and token used to build this playbook.

Figma

Pepulux UI Library V8.0

The single source of truth for all Pepulux OS and Omkaarya components. 74 components, full token system, variant coverage.

74

Components

V8.0

File version

2025

Last updated

Pages in Figma

Getting started
Badges
Buttons
Inputs
Tooltips
Modals
Content components
Open in Figma

File details

File key7K7XrCgo0zcJOjWuSBISUh
File namePepulux UI Library V8.0
Prop conventionFigma property names map 1:1 to React props
Token system--brand, --brand-hover, --brand-subtle, --brand-text

How Figma maps to code

Every Figma property name is intentionally preserved as the React prop name — no translation needed.

Figma property
React prop
Hierarchy=Primary
variant="primary"
Size=lg
size="lg"
Destructive=True
destructive={true}
State=Disabled
disabled={true}
State=Loading
loading={true}
Supporting text=True
supportingText="…"
Arrow=None
arrow={false}
Icon only=True
leftIcon={<Icon />} (no children)