Production-ready Svelte 5 components styled with DaisyUI. Click any component for a live interactive demo.
Versatile button with variants, sizes, loading states, and icon support.
Text input with label, error state, and helper text.
Multi-line text input with auto-resize option.
Dropdown select with typed options and placeholder.
Phone number input with automatic formatting and validation.
Tag/chip input with autocomplete suggestions and groups.
Searchable dropdown with grouped options and keyboard navigation.
Inline status indicators with color variants.
Content container with optional header, footer, and image.
Dialog overlay with backdrop click and escape key support.
Confirmation dialog with customizable actions and danger variant.
Slide-out panel from screen edge with backdrop.
Animated loading indicator with size variants.
Status indicator with semantic colors for workflow states.
Draggable divider for resizable panel layouts.
Panel with drag-to-resize handle.
Click-to-edit text with segment-based rendering.
Date range selection with presets like 'Last 7 days'.
Sort control with direction toggle and option list.
Multi-select filter dropdown with search.
Compact D3 bar chart with animated entrance.
Drag-and-drop image upload with preview and crop.
Intersection Observer-based lazy loading with blur placeholder.
Canvas-based audio waveform visualization.
Audio player with waveform, playback speed, and skip controls.
Canvas signature capture with mouse and touch support.
Text-to-speech generation form with voice selection.