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
Avatars
User images with size and shape variants
Indicators
Status dots and labeled badges
Timeline
Chronological event display
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
Tabs
Tab navigation with ARIA support
Dialogs
Modal dialogs and popup panels
Disclosure
Details, accordions, and toggles
Navigation
Menus, breadcrumbs, and pagination