35 Components
Production-ready Svelte 5 components styled with DaisyUI. Click any component for a live interactive demo.
Form Inputs 7
Button
Versatile button with variants, sizes, loading states, and icon support.
TextInput
Text input with label, error state, and helper text.
TextArea
Multi-line text input with auto-resize option.
SelectInput
Dropdown select with typed options and placeholder.
PhoneInput
Phone number input with automatic formatting and validation.
ChipInput
Tag/chip input with autocomplete suggestions and groups.
SearchDropdown
Searchable dropdown with grouped options and keyboard navigation.
Layout & Display 9
Badge
Inline status indicators with color variants.
Card
Content container with optional header, footer, and image.
Modal
Dialog overlay with backdrop click and escape key support.
ConfirmModal
Confirmation dialog with customizable actions and danger variant.
Drawer
Slide-out panel from screen edge with backdrop.
LoadingSpinner
Animated loading indicator with size variants.
StatusBadge
Status indicator with semantic colors for workflow states.
ResizableDivider
Draggable divider for resizable panel layouts.
ResizablePanel
Panel with drag-to-resize handle.
Data & Editing 6
InlineEdit
Click-to-edit text with segment-based rendering.
DateRangePicker
Date range selection with presets like 'Last 7 days'.
SortDropdown
Sort control with direction toggle and option list.
FilterDropdown
Multi-select filter dropdown with search.
Sparkline
Compact D3 bar chart with animated entrance.
VariablePicker
Browse and insert document-template merge variables grouped by context.
Scheduling 3
Media 7
ImageUpload
Drag-and-drop image upload with preview and crop.
SmartImageEditor
AI-powered image upload with background removal and multi-variant processing. Preferred over ImageUpload in editor contexts.
LazyImage
Intersection Observer-based lazy loading with blur placeholder.
AudioWaveform
Canvas-based audio waveform visualization.
VoicePlayer
Audio player with waveform, playback speed, and skip controls.
SignaturePad
Canvas signature capture with mouse and touch support.
SpeechForm
Text-to-speech generation form with voice selection.