Components

Versatile action trigger with support for loading states and icons.

Enhanced text input field with support for icons and validation.

Multi-line text input for longer user descriptions or notes.

Customizable dropdown for single or multiple selection options.

Form control for independent or multi-select choices with optional inline labels and sizing.

Single-choice form control for mutually exclusive options in a named group.

Modern toggle switch for boolean settings and binary choices.

Segmented input field designed for verification codes and MFA.

Slider component for selecting numeric values within a span.

Organized content container with header, body, and footer sections.

Horizontal separator with optional labeled content and alignment controls.

Utility component to maintain specific dimensions for images or videos.

Header navigation component with support for branding and menus.

Collapsible vertical navigation container for application dashboards.

Hierarchical navigation trail showing current location and quick parent navigation.

Segmented view switcher for organizing content within a page.

Controls for navigating through split datasets or multiple pages.

Consistent link primitive supporting inline, underlined, and button-like action styles.

Data-rich table component with header, row, and cell styling.

Visual representation of a user with fallback support for initials.

Compact status indicator for counts, labels, or categories.

Inline notification for conveying success, error, or warning messages.

Attention-grabbing box for tips, warnings, or notes.

Task-completion indicator with configurable thickness for determinate loading states.

Range-based value indicator for metrics like usage, score, or capacity.

Lightweight loading placeholder to preserve layout and reduce perceived wait.

Shortcut keycap component for displaying keyboard commands and key combinations.

Blocking dialog window for critical interactions or forms.

Confirmation dialog pattern for destructive or high-impact actions using modal behavior.

Side-panel overlay for secondary navigation or settings.

Overlay menu for displaying contextual actions or links.

Floating container for displaying rich content on click or hover.

Small informative popup that appears on element hover.

Vertically collapsing panels for managing dense content.

Toggle visibility of content sections with smooth height transitions.

Reusable icon component using Iconify for consistent iconography across the UI.

Semantic text component with intent-based styling for body, muted, title, and accent colors.

Structured heading levels (H1-H5) with consistent sizing and semantic hierarchy.