Components
A library of 34 primitives, composed for real product interfaces.
Base UI-backed components with consistent tokens, accessible states, and restrained interaction details.
Status, Nav & Data30 / 34
Progress
Determinate and indeterminate progress in simple and segmented variants.
Progress
Determinate fill with a 500ms ramp. Default variant is simple; segmented uses a tick mask. Omit value for a static indeterminate track.
Simple
Monthly usageSegmented
variant="segmented"Indexing knowledgeSmall
size="sm"Token quotaIndeterminate
Syncing agents
In context
Elevated quota uses indicatorClassName with bg-info-foreground — saturated enough for the muted track, distinct from primary. Dashboard cards keep the default fill.
Quota cell
indicatorClassName="bg-info-foreground"88%Active plan
Monthly usage78%