Loading preview…
Core visual building blocks for any interface. — 16 components
Contextual feedback messages for success, info, warning, and error states.
User profile images in multiple sizes.
Stacked avatar groups with overflow indicator.
Inline status indicators with solid, outline, soft, and subtle styles.
Full-width notification banners for announcements.
Solid, outline, soft, and ghost button variants in every semantic color.
Date picker calendar with month navigation and date selection.
Content containers with headers, bodies, and action footers.
Small indicator dots overlaid on avatars or icons.
Toggle content visibility with smooth expand and collapse.
Group related form fields with shared styling.
Iconify icon rendering with dynamic name resolution.
Keyboard shortcut indicators for key bindings.
Progress bars with semantic coloring for completion states.
Visual dividers between content sections.
Placeholder loading animations for content areas.
Input controls and form management components. — 19 components
Single checkbox toggle with label.
Multiple checkbox options in a group.
Color selection with swatches and custom input.
Drag-and-drop or click-to-upload file input.
Form wrapper with validation and submission handling.
Labeled field wrapper with validation, help text, and error display.
Text input fields with icons, states, and validation.
Date input with calendar picker integration.
Input with dropdown menu for suggestions or autocomplete.
Numeric input with increment and decrement controls.
Tag input for entering multiple values as tokens.
Time input with hour and minute selection.
Segmented input for PIN codes and verification.
Single-select radio options in a group.
Dropdown select with single selection.
Searchable select with multiple selection support.
Range slider for numeric value selection.
Toggle switch for boolean settings.
Multi-line text input with auto-resize support.
Components for displaying and organizing data. — 9 components
Collapsible content sections for progressive disclosure.
Horizontal content carousel with navigation controls.
Empty state placeholder with icon and message.
Auto-scrolling horizontal content ticker.
Custom scrollbar container with overflow management.
Data tables with column headers, sorting, and status badges.
Chronological event display with icons and metadata.
Hierarchical tree view with expand and collapse.
User identity display with avatar, name, and description.
Floating and layered interactive surfaces. — 8 components
Right-click context menus with grouped actions.
Bottom sheet drawer for mobile-friendly overlays.
Dropdown menus with grouped actions, icons, and shortcuts.
Dialog overlays for confirmations, forms, and content.
Floating content panels triggered by click or hover.
Slide-in panel overlays from the screen edge.
Notification toasts for transient feedback messages.
Contextual hover hints for UI clarification.