Skip to main content
Flowery.Uno provides a complete library of UI components styled after DaisyUI, all built natively for Uno Platform and WinUI. Every control supports theming, variants, and sizing.

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
  • 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:
xmlns:daisy="using:Flowery.Controls"
Then use any component:
<daisy:DaisyButton Content="Click Me" Variant="Primary" />
<daisy:DaisyInput PlaceholderText="Enter text" Variant="Bordered" />
<daisy:DaisyCard>
  <TextBlock Text="Card content" />
</daisy:DaisyCard>

Next Steps

Actions

Start with interactive controls

Theming Guide

Learn about theme customization

Build docs developers (and LLMs) love