Component library
A curated collection of UI patterns built on semantic HTML.
Each component follows the cascade layer system. Use them as-is or customize with utility classes.
Foundations
The building blocks that define how content looks and flows.
Content
Components for displaying information and media.
Data display
Components for structured information and status.
Cards
Stat cards, info panels, and activity feeds
Widgets
Shared content frames, unboxed metrics, and quiet messages
Avatars
User images with size and shape variants
Indicators
Status dots and labeled badges
Save status
Host-owned text feedback for draft saving
Timeline
Chronological event display
Relative time
Localized relative labels with absolute fallbacks
Toasts
Dismissible notification messages
Loading
Skeleton shimmer placeholders
Progress
Progress bars and stacked distribution bars
Interactive
User inputs and navigation patterns.
Forms
Native text inputs, selects, and date pickers
Toggles
Checkboxes, radios, and switches
Buttons
Button variants, sizes, icons, and groups
Dropdown
Toggleable overlay menus and filter panels
Calendar
Month grids for dates and ranges
Date filter
Presets, date fields, and calendar pickers
Tabs
Tab navigation with ARIA support
Inline editing
Compact value editing with preserved drafts and application confirmation
Sortable list
App-owned moves with explicit confirmation
Copy button
Truthful clipboard feedback with a manual path
Dialogs
Modal dialogs and popup panels
Disclosure
Details, accordions, and toggles
Navigation
Menus, breadcrumbs, and pagination