Components

A clickable button widget with multiple variants and sizes.

A checkable input with checked, unchecked, and indeterminate states.

A date selection widget with calendar overlay.

A form system with validation and error handling.

A text input field with labels, icons, and validation.

A one-time password input with individual character boxes.

A group of mutually exclusive radio buttons.

A single-select dropdown picker.

A horizontal slider for selecting a numeric value.

A toggle switch for boolean values.

A multi-line text input for longer content.

Expandable and collapsible content sections.

A notification banner with icon and variants.

A modal confirmation dialog with actions.

A container that maintains a specific aspect ratio.

A user image display with fallback initials or icon.

A small status indicator with multiple variants.

A container for grouping related content with header and footer.

A swipeable horizontal card carousel with indicators.

A toggle-able content section.

An empty state placeholder with icon, title, and action.

A card that appears on long-press over a trigger element.

A keyboard key indicator widget.

A progress bar showing completion percentage.

A custom scrollable container with styled scrollbar.

A visual divider between content sections.

A loading placeholder with shimmer animation.

A circular loading indicator.

A popup hint shown on hover or long-press.

Text style variants for headings, body, captions, and code.

A modal dialog overlay with backdrop.

A bottom sheet drawer that slides up from the bottom.

A floating content panel anchored to a trigger.

A side panel overlay that slides in from an edge.

A temporary notification popup.

An advanced data table with sorting, filtering, and pagination.

Resizable panels with a drag handle.

An app sidebar navigation with icons and groups.

A data table with rows and columns.

A navigation path indicator.

A long-press context menu for mobile.

An action menu that drops down from a trigger.

A horizontal top menu bar.

A vertical app navigation structure with icons.

Page navigation controls with prev/next and number buttons.

Tabbed content panels for organizing information.

A month calendar grid for date selection.

Data visualization with bar, line, pie, and area variants.

A searchable dropdown with filtered suggestions.