Tokens, components, and patterns built for teams shipping fast without sacrificing accessibility or consistency.
Color, type, and spacing scale defined once, shared everywhere.
React, Vue, or plain HTML — the same design tokens drive every layer.
Versioned releases, changelogs, and Figma parity out of the box.
Multiple variants and sizes for every action.
Aligns and spaces action buttons in dialogs, panels, and cards.
Labeled checkbox with helper text and error states.
Native date input styled to match the rest of the form.
Single-line text input with label, helper text, and error state.
Standalone form label used across every field component.
Single labeled radio button for building radio groups.
Native select wrapper with the same label and error API.
Multi-line text input mirroring Input's full API.
Container for grouping content with header and footer slots.
Centered dialog over a dimmed overlay with variable widths.
Page navigation with numbered controls and ellipsis truncation.
Slide-in panel with background scrim and variable widths.
Collapsible sections with single or multiple sections open at once.
Sticky header, sticky column, and expandable row variants.
Custom-rendered single-select for richer option content.
Anchored panel toggled by a trigger, closing on outside click.
A list of actions opened from a trigger.
Inline status banner for info, success, warning, and error.
Pill-shaped label with color variants and a status dot.
Composed flows for the screens every product needs — assembled from the same tokens as the components.
Every component ships with correct semantics, focus handling, and contrast — tested, not assumed.