16 components

Atoms

Fundamental building blocks of the interface. The smallest, indivisible units.

User profile images with fallback initials.

Small status labels and counters.

Primary interactive element with 6 variants.

Container with header, content, and footer slots.

Toggle input for binary choices.

Number, search, phone, password, URL inputs.

Standard text input with dashed border.

Accessible form label with required indicator.

Branded logo with red offset shadow.

Single-select option group.

Custom dashed scrollbar container.

Horizontal or vertical divider line.

Loading placeholder shapes.

Toggle switch for on/off states.

Multi-line text input area.

Headings, paragraphs, and text styles.