Loading showcase...
Component library
Browse our library of 112+ production-ready UI components
Primary action element with multiple variants, sizes, and states.
Dropdown selection with search and multi-select support.
Status and label indicator with variants.
Container with border, shadow, and sections.
Data table with sorting and pagination support.
User avatar with image fallback and status indicator.
Search input with debounce and loading state.
Statistics display card with trend indicator.
Primary action element with multiple variants, sizes, and states.
Text input field with built-in validation states and icons.
Multi-line text input with auto-resize support.
Boolean toggle with label and description support.
Single selection from a group of options.
Group container for radio buttons with controlled state.
Dropdown selection with search and multi-select support.
Toggle switch for on/off settings.
Range slider input with marks and tooltip.
Star rating input and display.
Numeric input with increment/decrement buttons.
Status and label indicator with variants.
Loading indicator with overlay support.
Full-screen or container overlay with centered spinner.
Loading placeholder with various presets.
Text line placeholder for loading states.
Circular skeleton for avatars and icons.
Card-shaped loading placeholder.
Avatar placeholder with optional text lines.
Button placeholder for loading states.
Image placeholder with aspect ratio.
Table placeholder for loading data.
List placeholder for loading items.
Full page loading placeholder.
Dashboard loading placeholder with stats and charts.
Form loading placeholder with fields.
User profile loading placeholder.
Authentication form loading placeholder.
Linear and circular progress indicators.
Horizontal progress bar with animation.
Circular progress ring with percentage.
Form field label with required indicator.
Lucide icon wrapper with consistent sizing.
Internal/external link with styling options.
Typography component with semantic variants.
Visual separator with optional label.
Keyboard key indicator for shortcuts.
Screen reader only content for accessibility.
Container with border, shadow, and sections.
Card header section with title and description slots.
Card title text with proper heading styling.
Card description text with muted styling.
Card main content area with padding.
Card footer section for actions.
Data table with sorting and pagination support.
Table header section containing column headers.
Table body section containing data rows.
Table footer section for summaries.
Table row container for cells.
Table header cell with sorting support.
Table data cell.
Table caption for accessibility.
Reusable data table with loading and empty states.
User avatar with image fallback and status indicator.
Navigation link with active state detection.
Button with icon only and tooltip.
Menu action item with icon and keyboard shortcut.
Form field container with label and error handling.
Status indicator with dot and label.
Dark/light mode switch button.
Theme dropdown with system/light/dark options.
Password validation indicator with requirements.
Button with built-in confirmation dialog.
Download/export action buttons.
Export data as CSV file.
GDPR-compliant personal data export button.
Search input with suggestions dropdown.
Search input with debounce and loading state.
Command palette with fuzzy search.
Multi-value tag input with create support.
QR code generator with download.
Avatar with upload and crop functionality.
Copy text to clipboard with feedback.
Text with inline copy button.
Statistics display card with trend indicator.
Loading placeholder for statistics cards.
WYSIWYG editor with formatting toolbar.
Calendar dropdown for date selection.
Time selection dropdown.
Modal dialog with header, body, and footer sections.
Dialog header with title and close button.
Dialog main content area with scrolling.
Dialog footer with action buttons.
Simplified dialog wrapper for common modal use cases.
Tabbed content navigation.
Container for tab triggers.
Individual tab trigger button.
Container for tab content panels.
Individual tab content panel.
Expandable content sections.
Individual accordion section container.
Clickable header that toggles accordion item.
Collapsible content area of accordion item.
Hover-triggered overlay with positioning.
Click-triggered overlay with content.
Multi-step workflow navigation.
Individual step in a stepper workflow.
Visual indicator for step state.
Label and description for a step.
Visual connector line between steps.
Vertical timeline display.
Expandable/collapsible content.
Dropdown menu with keyboard navigation.
Page navigation with ellipsis and size selector.
Navigation breadcrumb with separators.
Centered content wrapper with max-width.
Vertical/horizontal flex container.
Responsive grid layout.
Authentication page layout with background.
Standard page with optional sidebar.
Admin/dashboard layout with navigation.
Two-panel layout with resizable split.