Component Categories
Actions
Interactive controls like buttons, modals, and floating action buttons
Data Display
Components for presenting information: cards, alerts, badges, timelines
Data Input
Form controls: inputs, checkboxes, selects, sliders, and more
Layout
Structure your UI with dividers, drawers, heroes, and stacks
Navigation
Navigation components: menus, breadcrumbs, tabs, pagination
Feedback
Loading states, progress indicators, skeletons, and toasts
Complete Component List
Actions (4)
- DaisyButton - Versatile button with 11 variants and multiple styles
- DaisyFab - Floating Action Button with speed dial support
- DaisyModal - Dialog box with backdrop overlay and drag support
- DaisySwap - Toggle control with rotate/flip effects
Data Display (14)
- DaisyAccordion - Collapsible sections with single-expand behavior
- DaisyAlert - Feedback messages (Info, Success, Warning, Error)
- DaisyAvatar - Profile image container with status indicators
- DaisyAvatarGroup - Multiple avatars with overflow support
- DaisyBadge - Small status indicators
- DaisyCard - Content container with shadow and glass effects
- DaisyCarousel - Scrollable item container
- DaisyChatBubble - Message bubbles for chat interfaces
- DaisyCollapse - Single collapsible section
- DaisyCountdown - Monospace digit display
- DaisyDiff - Before/After image comparison slider
- DaisyKbd - Keyboard key visual style
- DaisyStat - Statistics display block
- DaisyTimeline - Vertical event timeline
Data Input (9)
- DaisyCheckBox - Checkbox with themed colors
- DaisyFileInput - Styled file selection button
- DaisyInput - Text input with labels, icons, and floating labels
- DaisyRadio - Radio button with variants
- DaisyRange - Slider control
- DaisyRating - Star rating with interaction support
- DaisySelect - Themed ComboBox/dropdown
- DaisyTextArea - Multiline text input
- DaisyToggle - Switch toggle control
Layout (5)
- DaisyDivider - Separation line with optional text
- DaisyDrawer - Sidebar navigation with overlay
- DaisyHero - Large banner component
- DaisyJoin - Groups controls by merging borders
- DaisyStack - Stacks children with visual offsets
Navigation (6)
- DaisyBreadcrumbs - Navigation path display
- DaisyDock - Bottom navigation bar (macOS-style)
- DaisyMenu - Vertical/horizontal action list
- DaisyNavbar - Top navigation bar container
- DaisyPagination - Page navigation buttons
- DaisySteps - Progress step indicator
- DaisyTabs - Tabbed navigation
Feedback (6)
- DaisyIndicator - Badge positioning utility
- DaisyLoading - Animated loading indicators
- DaisyMask - Shape masks (Circle, Heart, Hexagon, etc.)
- DaisyProgress - Linear progress bar
- DaisyRadialProgress - Circular progress indicator
- DaisySkeleton - Loading placeholder
- DaisyToast - Alert stacking container
Theme Controls
- DaisyThemeDropdown - Select from 35+ themes
- DaisyThemeController - Flexible theme toggle
- DaisySizeDropdown - Global size selector
Flowery Exclusives
Beyond the DaisyUI specification, Flowery.Uno includes unique controls:Utility Controls
- DaisyAnimatedNumber - Animated numeric transitions
- DaisyButtonGroup - Segmented button container
- DaisyContributionGraph - GitHub-style heatmap
- DaisyCopyButton - Copy-to-clipboard with feedback
- DaisyDropdown - Action menu dropdown
- DaisyExpandableCard - Card with expandable content
- DaisyOtpInput - Verification code input
- DaisyTagPicker - Multi-select tag/chip picker
- FloweryComponentSidebar - Documentation sidebar
Color Picker Suite
- DaisyColorWheel - Circular HSL color picker
- DaisyColorGrid - Grid palette selector
- DaisyColorSlider - Channel-specific sliders
- DaisyColorEditor - Full RGB/HSL editor
- DaisyColorPickerDialog - Modal color picker
- DaisyScreenColorPicker - Screen sampling tool
Date & Time
- DaisyDateTimeline - Scrollable date picker
- DaisyDateTimelineItem - Individual date cell
Common Features
All Flowery.Uno components share:- 35 DaisyUI Themes - Light, Dark, Cupcake, Dracula, Nord, Synthwave, and more
- Runtime Theme Switching - Change themes without restart
- Size Variants - ExtraSmall, Small, Medium, Large, ExtraLarge
- Global Sizing - Set size once, apply everywhere
- Localization - 12 languages supported
- XAML-First - Declarative markup with full C# API
Getting Started
Add the namespace to your XAML:Next Steps
Actions
Start with interactive controls
Theming Guide
Learn about theme customization

