Flowery.NET

KO | EN

gitlite — search

#hacktoberfest #react #ai #llm #machine-learning #rust #deep-learning #docker #nodejs #cli #vue #security #ios #open-source

(★ 109)

Beautiful DaisyUI-styled components for Avalonia UI in C#

File Explorer

Download Latest Version (.zip)

- - avalonia.mdc
  - context7.mdc
  - daisyui.mdc
  - new-control.mdc
- - _build-gallery.yml
  - ci.yml
  - codeql.yml
  - generate-docs.yml
  - release-gallery.yml
  - release.yml
- dependabot.yml
- FUNDING.yml
- - IScreenCaptureService.cs
  - ScreenCaptureOptions.cs
  - ScreenCaptureResult.cs
- - ChildBoundaryChunkingStrategy.cs
  - IChunkingStrategy.cs
- - ServiceCollectionExtensions.cs
- - CoordinateHelper.cs
  - LayoutAwaiter.cs
  - RegionClipper.cs
- - FallbackScreenCapture.cs
  - LinuxScreenCapture.cs
  - MacOSScreenCapture.cs
  - WindowsScreenCapture.cs
- Flowery.Capture.NET.csproj
- README.md
- ScreenCapture.cs
- - DaisyAccessibility.cs
  - DaisyAccordion.cs
  - DaisyAlert.cs
  - DaisyAnimatedNumber.cs
  - DaisyAvatar.cs
  - DaisyAvatarGroup.cs
  - DaisyBadge.cs
  - DaisyBreadcrumbs.cs
  - DaisyButton.cs
  - DaisyButtonGroup.cs
  - DaisyCard.cs
  - DaisyCarousel.cs
  - DaisyChatBubble.cs
  - DaisyCheckBox.cs
  - DaisyClock.cs
  - DaisyCollapse.cs
  - DaisyContributionGraph.cs
  - DaisyCopyButton.cs
  - DaisyCountdown.cs
  - DaisyDateTimeline.cs
  - DaisyDiff.cs
  - DaisyDivider.cs
  - DaisyDock.cs
  - DaisyDrawer.cs
  - DaisyDropdown.cs
  - DaisyEnums.cs
  - DaisyExpandableCard.cs
  - DaisyFab.cs
  - DaisyFileInput.cs
  - DaisyGlass.cs
  - DaisyHero.cs
  - DaisyHoverGallery.cs
  - DaisyIconText.cs
  - DaisyIndicator.cs
  - DaisyInput.cs
  - DaisyJoin.cs
  - DaisyKbd.cs
  - DaisyList.cs
  - DaisyLoading.cs
  - DaisyLoginButton.cs
  - DaisyMask.cs
  - DaisyMenu.cs
  - DaisyMnemonicText.cs
  - DaisyMockup.cs
  - DaisyModal.cs
  - DaisyNavbar.cs
  - DaisyNumberFlow.cs
  - DaisyNumericUpDown.cs
  - DaisyOtpInput.cs
  - DaisyPagination.cs
  - DaisyPasswordBox.cs
  - DaisyPatternedCard.cs
  - DaisyPopover.cs
  - DaisyProductThemeDropdown.cs
  - DaisyProgress.cs
  - DaisyRadialProgress.cs
  - DaisyRadio.cs
  - DaisyRange.cs
  - DaisyRating.cs
  - DaisySelect.cs
  - DaisySizeDropdown.cs
  - DaisySkeleton.cs
  - DaisySlideToConfirm.cs
  - DaisyStack.cs
  - DaisyStat.cs
  - DaisyStatusIndicator.Animations.cs
  - DaisyStatusIndicator.cs
  - DaisyStatusIndicator.Overlays.cs
  - DaisyStatusIndicator.StatusGlyphs.cs
  - DaisySteps.cs
  - DaisySwap.cs
  - DaisyTable.cs
  - DaisyTabs.cs
  - DaisyTagPicker.cs
  - DaisyTextArea.cs
  - DaisyTextRotate.cs
  - DaisyThemeController.cs
  - DaisyThemeDropdown.cs
  - DaisyThemeManager.cs
  - DaisyThemeRadio.cs
  - DaisyThemeSwap.cs
  - DaisyTimeline.cs
  - DaisyToast.cs
  - DaisyToggle.cs
  - DaisyTokenResourceExtensions.cs
  - DrawerConverters.cs
  - FloweryComponentSidebar.cs
  - IndicatorConverters.cs
  - MaskConverters.cs
  - OverlayPanel.cs
  - RadialConverters.cs
  - RatingConverters.cs
  - StatConverters.cs
- - AnimationHelper.cs
  - CursorFollowBehavior.cs
  - RevealBehavior.cs
  - ScrambleHoverBehavior.cs
  - ScrollRevealBehavior.cs
  - TypewriterBehavior.cs
  - WaveTextBehavior.cs
- - BadgeAlignment.cs
  - BadgePosition.cs
  - DaisyEnums.cs
  - DaisyIconSymbol.cs
  - DaisyPatternMode.cs
  - FlowerySlideEnums.cs
- - DecimalExtensions.cs
- - DaisyControlLifecycle.cs
  - DaisyIconSymbolData.cs
  - FloweryAlarmHelpers.cs
  - FloweryAnimationHelpers.cs
  - FloweryColorHelpers.cs
  - FloweryMnemonicHelpers.cs
  - FloweryPathHelpers.cs
  - FloweryPatternSvgLoader.cs
  - FloweryPatternTileGenerator.cs
  - FlowerySlideClasses.cs
  - FlowerySlideEffects.cs
  - FlowerySlideshowController.cs
  - FlowerySlideTransitionHelpers.cs
  - FloweryTextFillEffects.cs
  - FloweryTimeHelpers.cs
  - FloweryTimerHelpers.cs
  - Polyfills.cs
- - ar.json
  - de.json
  - en.json
  - es.json
  - FloweryLocalization.cs
  - fr.json
  - he.json
  - it.json
  - ja.json
  - ko.json
  - LocalizeExtension.cs
  - LocalizeExtensionBase.cs
  - tr.json
  - uk.json
  - zh-CN.json
- - FileStateStorage.cs
  - FloweryConverters.cs
  - FloweryResponsive.cs
  - FloweryScaleConverter.cs
  - FloweryScaleExtension.cs
  - FloweryScaleManager.cs
  - FlowerySizeManager.cs
  - IScalableControl.cs
  - IStateStorage.cs
  - SimpleCommand.cs
  - StateStorageKeyHelper.cs
  - StateStorageProvider.cs
- - Colors.axaml
  - DaisyAccordion.axaml
  - DaisyAlert.axaml
  - DaisyAnimatedNumber.axaml
  - DaisyAvatar.axaml
  - DaisyAvatarGroup.axaml
  - DaisyBadge.axaml
  - DaisyBreadcrumbs.axaml
  - DaisyButton.axaml
  - DaisyButtonGroup.axaml
  - DaisyCard.axaml
  - DaisyCarousel.axaml
  - DaisyChatBubble.axaml
  - DaisyCheckBox.axaml
  - DaisyClock.axaml
  - DaisyCollapse.axaml
  - DaisyContributionGraph.axaml
  - DaisyCountdown.axaml
  - DaisyDateTimeline.axaml
  - DaisyDiff.axaml
  - DaisyDivider.axaml
  - DaisyDock.axaml
  - DaisyDrawer.axaml
  - DaisyDropdown.axaml
  - DaisyExpandableCard.axaml
  - DaisyFab.axaml
  - DaisyFileInput.axaml
  - DaisyGlass.axaml
  - DaisyHero.axaml
  - DaisyHoverGallery.axaml
  - DaisyIcons.axaml
  - DaisyIconText.axaml
  - DaisyIndicator.axaml
  - DaisyInput.axaml
  - DaisyJoin.axaml
  - DaisyKbd.axaml
  - DaisyList.axaml
  - DaisyListStyles.axaml
  - DaisyLoading.axaml
  - DaisyMask.axaml
  - DaisyMenu.axaml
  - DaisyMockup.axaml
  - DaisyModal.axaml
  - DaisyNavbar.axaml
  - DaisyNumberFlow.axaml
  - DaisyNumericUpDown.axaml
  - DaisyOtpInput.axaml
  - DaisyPagination.axaml
  - DaisyPasswordBox.axaml
  - DaisyPatternedCard.axaml
  - DaisyPopover.axaml
  - DaisyProductThemeDropdown.axaml
  - DaisyProgress.axaml
  - DaisyRadialProgress.axaml
  - DaisyRadio.axaml
  - DaisyRange.axaml
  - DaisyRating.axaml
  - DaisySelect.axaml
  - DaisySizeDropdown.axaml
  - DaisySkeleton.axaml
  - DaisySlideToConfirm.axaml
  - DaisyStack.axaml
  - DaisyStat.axaml
  - DaisyStatusIndicator.axaml
  - DaisySteps.axaml
  - DaisySwap.axaml
  - DaisyTable.axaml
  - DaisyTabs.axaml
  - DaisyTagPicker.axaml
  - DaisyTextArea.axaml
  - DaisyTextRotate.axaml
  - DaisyThemeController.axaml
  - DaisyThemeDropdown.axaml
  - DaisyThemeRadio.axaml
  - DaisyThemeSwap.axaml
  - DaisyTimeline.axaml
  - DaisyToast.axaml
  - DaisyToggle.axaml
  - DaisyTokens.axaml
  - DaisyToolTip.axaml
  - FloweryComponentSidebar.axaml
- - ColorConverter.cs
  - DaisyPaletteFactory.cs
  - DaisyResourceLookup.cs
  - DaisyThemeLoader.cs
  - DaisyUiAxamlGenerator.cs
  - DaisyUiCssParser.cs
  - DaisyUiTheme.cs
  - ProductPaletteFactory.cs
  - ProductPalettes.Generated.cs
- DaisyUITheme.axaml
- DaisyUITheme.axaml.cs
- Flowery.NET.csproj
- - flowery-banner.png
  - placeholder1.jpg
  - tile_blue.jpg
  - tile_green.jpg
  - tile_purple.jpg
  - tile_red.jpg
  - tile_yellow.jpg
  - wallpaper_blue.jpg
  - wallpaper_green.jpg
  - wallpaper_red.jpg
  - wallpaper_yellow.jpg
- - ActionsExamples.axaml
  - ActionsExamples.axaml.cs
  - CardsExamples.axaml
  - CardsExamples.axaml.cs
  - ColorPickerExamples.axaml
  - ColorPickerExamples.axaml.cs
  - CustomControls.axaml
  - CustomControls.axaml.cs
  - DataDisplayExamples.axaml
  - DataDisplayExamples.axaml.cs
  - DataInputExamples.axaml
  - DataInputExamples.axaml.cs
  - DateDisplayExamples.axaml
  - DateDisplayExamples.axaml.cs
  - DividerExamples.axaml
  - DividerExamples.axaml.cs
  - EffectsExamples.axaml
  - EffectsExamples.axaml.cs
  - FeedbackExamples.axaml
  - FeedbackExamples.axaml.cs
  - FlowKanbanExample.axaml
  - FlowKanbanExample.axaml.cs
  - HomePage.axaml
  - HomePage.axaml.cs
  - IScrollableExample.cs
  - LayoutExamples.axaml
  - LayoutExamples.axaml.cs
  - LoadingExamples.cs
  - NavigationExamples.axaml
  - NavigationExamples.axaml.cs
  - ProductThemesExamples.axaml
  - ProductThemesExamples.axaml.cs
  - ProgressSection.cs
  - ScalingExamples.axaml
  - ScalingExamples.axaml.cs
  - SectionHeader.axaml
  - SectionHeader.axaml.cs
  - ShowcaseExamples.axaml
  - ShowcaseExamples.axaml.cs
  - ThemingExamples.axaml
  - ThemingExamples.axaml.cs
- - ar.json
  - de.json
  - en.json
  - es.json
  - fr.json
  - GalleryLocalization.cs
  - he.json
  - it.json
  - ja.json
  - ko.json
  - LocalizeExtension.cs
  - tr.json
  - uk.json
  - zh-CN.json
- App.axaml
- App.axaml.cs
- Flowery.NET.Gallery.csproj
- GallerySettings.cs
- GallerySidebarData.cs
- MainView.axaml
- MainView.axaml.cs
- MainWindow.axaml
- MainWindow.axaml.cs
- NotoFontProvider.cs
- - AndroidManifest.xml
- - AboutResources.txt
- AndroidApp.cs
- Flowery.NET.Gallery.Android.csproj
- Icon.png
- MainActivity.cs
- - AssemblyInfo.cs
  - launchSettings.json
- - app.css
  - favicon.ico
  - index.html
  - main.js
- BrowserStateStorage.cs
- Flowery.NET.Gallery.Browser.csproj
- Program.cs
- runtimeconfig.template.json
- app.manifest
- Flowery.NET.Gallery.Desktop.csproj
- Program.cs
- - LaunchScreen.xib
- AppDelegate.cs
- Entitlements.plist
- Flowery.NET.Gallery.iOS.csproj
- Info.plist
- Main.cs
- - FlowBoardEditorDialog.cs
  - FlowBoardMetadata.cs
  - FlowKanban.cs
  - FlowKanban.Dialogs.cs
  - FlowKanban.Drop.cs
  - FlowKanban.Filterbar.cs
  - FlowKanban.Home.cs
  - FlowKanban.Keyboard.cs
  - FlowKanban.Metrics.cs
  - FlowKanban.UI.cs
  - FlowKanban.Users.cs
  - FlowKanbanActionMenuItem.cs
  - FlowKanbanAddCard.cs
  - FlowKanbanAssigneeAdapter.cs
  - FlowKanbanBoardSanitizer.cs
  - FlowKanbanBoardStore.cs
  - FlowKanbanColumn.cs
  - FlowKanbanColumnsHost.cs
  - FlowKanbanCommandHistory.cs
  - FlowKanbanCommands.cs
  - FlowKanbanContentControl.cs
  - FlowKanbanControlFactory.cs
  - FlowKanbanDialogBase.cs
  - FlowKanbanDispatcher.cs
  - FlowKanbanDoneColumnHelper.cs
  - FlowKanbanHome.cs
  - FlowKanbanJsonContext.cs
  - FlowKanbanLayoutMetrics.cs
  - FlowKanbanManager.cs
  - FlowKanbanMigration.cs
  - FlowKanbanModels.cs
  - FlowKanbanPlatformDefaults.cs
  - FlowKanbanProperty.cs
  - FlowKanbanResources.cs
  - FlowKanbanSelectOption.cs
  - FlowKanbanSettingsDialog.cs
  - FlowKanbanTaskView.cs
  - FlowKanbanUserManagement.cs
  - FlowKanbanVisualTree.cs
  - FlowKanbanWorkItemNumberHelper.cs
  - FlowKanbanWrapPanel.cs
  - FlowTaskCard.cs
  - FlowTaskEditorDialog.cs
  - RelayCommand.cs
- - KanbanTasksHostMarginConverter.cs
  - KanbanTasksListBoxPaddingConverter.cs
- - IBoardStore.cs
- - ar.json
  - de.json
  - en.json
  - es.json
  - fr.json
  - he.json
  - it.json
  - ja.json
  - ko.json
  - tr.json
  - uk.json
  - zh-CN.json
- - DaisyKanban.axaml
  - Generic.axaml
- AssemblyInfo.cs
- FEATURES.md
- Flowery.NET.Kanban.csproj
- GlobalUsings.cs
- InternalsVisibleTo.cs
- ButtonIconTests.cs
- DaisyAccessibilityTests.cs
- DaisyButtonTests.cs
- DaisyCollapseTests.cs
- DaisyGlassTests.cs
- DaisyInputTests.cs
- DaisyMnemonicTextTests.cs
- DaisyNumericUpDownTests.cs
- DaisyPopoverTests.cs
- Flowery.NET.Tests.csproj
- FloweryMnemonicHelpersTests.cs
- KanbanBehaviorTests.cs
- KanbanDialogTests.cs
- LayoutTestAssertions.cs
- LocalizationProbe.de.json
- LocalizationProbe.en.json
- LocalizationTests.cs
- TestApp.cs
- - DaisyAccordion.png
  - DaisyAlert.png
  - DaisyAnimatedNumber.png
  - DaisyAvatar.png
  - DaisyBadge.png
  - DaisyBreadcrumbs.png
  - DaisyButton.png
  - DaisyButtonGroup.png
  - DaisyCard.png
  - DaisyCarousel.png
  - DaisyChatBubble_a.png
  - DaisyChatBubble_b.png
  - DaisyCheckBox.png
  - DaisyCollapse.png
  - DaisyColorEditor.png
  - DaisyColorGrid.png
  - DaisyColorPickerDialog.png
  - DaisyColorSlider.png
  - DaisyColorWheel.png
  - DaisyContributionGraph.png
  - DaisyCopyButton.png
  - DaisyCountdown.png
  - DaisyDateTimeline.png
  - DaisyDiff.png
  - DaisyDivider_a.png
  - DaisyDivider_b.png
  - DaisyDock.png
  - DaisyDrawer.png
  - DaisyFab.png
  - DaisyFileInput.png
  - DaisyGlass(BitmapCaptureMode).png
  - DaisyGlass(FullWidthExample).png
  - DaisyGlass(SimulatedGlass).png
  - DaisyGlass(SkiaSharpModeMatrix).png
  - DaisyHero.png
  - DaisyHoverGallery.png
  - DaisyIndicator.png
  - DaisyInput.png
  - DaisyJoin.png
  - DaisyKbd.png
  - DaisyList.png
  - DaisyLoading_a.png
  - DaisyLoading_b.png
  - DaisyMask.png
  - DaisyMaskInput.png
  - DaisyMenu_a.png
  - DaisyMenu_b.png
  - DaisyMenu_c.png
  - DaisyMockup.png
  - DaisyModifierKeys.png
  - DaisyNavbar_a.png
  - DaisyNavbar_b.png
  - DaisyNumberFlow.png
  - DaisyNumericUpDown.png
  - DaisyOtpInput.png
  - DaisyPagination.png
  - DaisyPopover.png
  - DaisyProgress.png
  - DaisyRadialProgress.png
  - DaisyRadio.png
  - DaisyRange.png
  - DaisyRating.png
  - DaisyScreenColorPicker.png
  - DaisySelect.png
  - DaisySkeleton.png
  - DaisyStack.png
  - DaisyStat.png
  - DaisySteps_a.png
  - DaisySteps_b.png
  - DaisySwap.png
  - DaisyTable_a.png
  - DaisyTable_b.png
  - DaisyTable_c.png
  - DaisyTabs.png
  - DaisyTagPicker.png
  - DaisyTextArea.png
  - DaisyTextRotate.png
  - DaisyThemeController.png
  - DaisyThemeRadio.png
  - DaisyTimeline.png
  - DaisyToast.png
  - DaisyToggle.png
  - DaisyWeatherCard.png
  - DaisyWeatherCurrent.png
  - DaisyWeatherForecast.png
  - DaisyWeatherIcon.png
  - DaisyWeatherMetrics.png
  - GlassCard(IsGlassmode).png
  - LiveAPITest.png
  - Mockup(Browserwithbackground).png
  - Mockup(Browserwithborder).png
  - Mockup(Window).png
  - status.png
  - tooltip.png
- ColorCollection.md
- DaisyAccessibility.md
- DaisyAccordion.md
- DaisyAlert.md
- DaisyAnimatedNumber.md
- DaisyAvatar.md
- DaisyAvatarGroup.md
- DaisyBadge.md
- DaisyBreadcrumbs.md
- DaisyButton.md
- DaisyButtonGroup.md
- DaisyCard.md
- DaisyCarousel.md
- DaisyChatBubble.md
- DaisyCheckBox.md
- DaisyClock.md
- DaisyCollapse.md
- DaisyColorEditor.md
- DaisyColorGrid.md
- DaisyColorPickerDialog.md
- DaisyColorSlider.md
- DaisyColorWheel.md
- DaisyContributionGraph.md
- DaisyCopyButton.md
- DaisyCountdown.md
- DaisyDateTimeline.md
- DaisyDateTimelineItem.md
- DaisyDiff.md
- DaisyDivider.md
- DaisyDock.md
- DaisyDrawer.md
- DaisyDropdown.md
- DaisyExpandableCard.md
- DaisyFab.md
- DaisyFileInput.md
- DaisyGlass.md
- DaisyHero.md
- DaisyHoverGallery.md
- DaisyIconText.md
- DaisyIndicator.md
- DaisyInput.md
- DaisyJoin.md
- DaisyKbd.md
- DaisyList.md
- DaisyLoading.md
- DaisyLoginButton.md
- DaisyMask.md
- DaisyMaskInput.md
- DaisyMenu.md
- DaisyMockup.md
- DaisyModal.md
- DaisyModifierKeys.md
- DaisyNavbar.md
- DaisyNumberFlow.md
- DaisyNumericUpDown.md
- DaisyOtpInput.md
- DaisyPagination.md
- DaisyPaginationItem.md
- DaisyPopover.md
- DaisyProductThemeDropdown.md
- DaisyProgress.md
- DaisyRadialProgress.md
- DaisyRadio.md
- DaisyRange.md
- DaisyRating.md
- DaisyScreenColorPicker.md
- DaisySelect.md
- DaisySizeDropdown.md
- DaisySkeleton.md
- DaisyStack.md
- DaisyStat.md
- DaisyStatusIndicator.md
- DaisySteps.md
- DaisySwap.md
- DaisyTable.md
- DaisyTabs.md
- DaisyTagPicker.md
- DaisyTextArea.md
- DaisyTextRotate.md
- DaisyThemeController.md
- DaisyThemeDropdown.md
- DaisyThemeManager.md
- DaisyThemeRadio.md
- DaisyThemeSwap.md
- DaisyTimeline.md
- DaisyToast.md
- DaisyToggle.md
- DaisyWeatherCard.md
- DaisyWeatherCurrent.md
- DaisyWeatherForecast.md
- DaisyWeatherIcon.md
- DaisyWeatherMetrics.md
- DesignTokens.md
- Effects.md
- effects_showcase.webp
- FloweryComponentSidebar.md
- FloweryResponsive.md
- FloweryScaleConverter.md
- FloweryScaleManager.md
- FlowerySizeManager.md
- HslColor.md
- loading_animations.gif
- LocalizeExtensionBase.md
- MigrationExample.md
- NumericUpDown_Examples.png
- README.md
- SizingScaling.md
- status_animations.gif
- WORKFLOW.md
- working_with_animations.md
- android.md
- build_all.ps1
- build_android_apks.ps1
- build_desktop.ps1
- build_nuget.ps1
- README.md
- run-android.ps1
- run-browser.ps1
- run-desktop.ps1
- add_semantic_content_colors.py
- check_resx_keys.py
- convert_resx_to_json.py
- convert_themes.py
- count_loc.py
- DOCS.md
- fix_palette_borders.py
- generate_docs.py
- generate_site.py
- site_content.js
- site_shell.js
- site_template.css
- sync_resx_keys.py
!flowery.iml
.gitignore
AGENTS.md
CHANGELOG.md
Directory.Build.props
Directory.Build.targets
Flowery.NET.Gallery.png
Flowery.NET.sln
global.json
LICENSE
LOCALIZATION.md
README.md
THEMING.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">

# 🌼 Flowery.NET

**A C# port of the popular [DaisyUI](https://daisyui.com/) component library for [Avalonia UI](https://avaloniaui.net/).**

[![NuGet](https://img.shields.io/nuget/v/Flowery.NET?style=flat-square)](https://www.nuget.org/packages/Flowery.NET)
[![Downloads](https://img.shields.io/nuget/dt/Flowery.NET?style=flat-square)](https://www.nuget.org/packages/Flowery.NET)
[![License](https://img.shields.io/github/license/tobitege/Flowery.NET?style=flat-square)](https://raw.githubusercontent.com/tobitege/Flowery.NET/avalonia12/LICENSE)
[![Avalonia](https://img.shields.io/badge/Avalonia-12.0+-purple?style=flat-square)](https://avaloniaui.net/)
[![Docs](https://img.shields.io/badge/Docs-GitHub%20Pages-blue?style=flat-square)](https://tobitege.github.io/Flowery.NET/)
[![X](https://img.shields.io/badge/X-@tobitege-000000?style=flat-square&logo=x)](https://x.com/tobitege)

</div>

![Flowery.NET.Gallery Screenshot](https://raw.githubusercontent.com/tobitege/Flowery.NET/avalonia12/Flowery.NET.Gallery.png)

🌐 **Localized in 12 languages** including:

🇯🇵 日本語にローカライズ済み &nbsp;•&nbsp; 🇰🇷 한국어로 현지화됨 &nbsp;•&nbsp; 🇨🇳 已本地化为简体中文

🇺🇦 Локалізовано українською &nbsp;•&nbsp; 🇸🇦 مترجم للعربية &nbsp;•&nbsp; 🇮🇱 מתורגם לעברית

</div>

This library provides native Avalonia controls that mimic the utility-first, semantic class naming of DaisyUI, making it easy to build beautiful, themed UIs in Avalonia. A NuGet package is also available.

## Features

- **80+ Controls**: C# classes inheriting from Avalonia primitives (e.g., `DaisyButton : Button`).
- **35 DaisyUI Themes**: All official DaisyUI themes included (Light, Dark, Cupcake, Dracula, Nord, Synthwave, and more).
- **Runtime Theme Switching**: Use `DaisyThemeDropdown` to switch themes at runtime.
- **Localization Support**: Built-in i18n with **12 languages** (🇺🇸 🇩🇪 🇫🇷 🇪🇸 🇮🇹 🇨🇳 🇰🇷 🇯🇵 🇸🇦 🇹🇷 🇺🇦 🇮🇱), localizable theme names, and runtime language switching. [📖 Guide](LOCALIZATION.md)
- **Variants**: Supports `Primary`, `Secondary`, `Accent`, `Ghost`, etc.
- **Framework Support**: Libraries target `.NET 10.0+` and Avalonia `12.0+`.
- **Gallery App**: Multi-platform demo application showcasing all controls and features (Desktop, Browser/WASM, Android, iOS).

**Note:** I'm looking for feedback on iOS builds, I don't have any (physical) environment to test this!

## Documentation

📖 **[View the full documentation](https://tobitege.github.io/Flowery.NET/)** - Browse all controls with properties, enum values, and XAML usage examples. Also consult the Gallery's extensive example collection
for code examples and comments!

## Quick Start

1. Install the NuGet package:

```bash
dotnet add package Flowery.NET --version 3.1.0
```

For the optional Kanban board package, also install:

```bash
dotnet add package Flowery.NET.Kanban --version 3.1.0
```

1. Add to your `App.axaml`:

```xml
<Application.Styles>
    <FluentTheme />
    <daisy:DaisyUITheme />
</Application.Styles>
```

1. Use controls in your views:

```xml
xmlns:controls="clr-namespace:Flowery.Controls;assembly=Flowery.NET"

<controls:DaisyButton Content="Primary Button" Variant="Primary" />
<controls:DaisyInput Watermark="Type here" Variant="Bordered" />
<controls:DaisyThemeDropdown Width="220" />
```

📖 **[Full Installation & Theming Guide](THEMING.md)** - Detailed setup, theme switching, persistence, and custom theme loading.

---

## Components

### Actions

- **Button** (`DaisyButton`): Buttons with variants (Primary, Secondary, Accent, Ghost, Link) and sizes (Large, Normal, Small, Tiny). Supports Outline and Active states.
- **Fab** (`DaisyFab`): Floating Action Button (Speed Dial) with support for multiple actions.
- **Modal** (`DaisyModal`): Dialog box with backdrop overlay.
- **Swap** (`DaisySwap`): Toggle control that swaps between two content states with optional Rotate/Flip effects.

### Data Display

- **Accordion** (`DaisyAccordion`): Group of collapse items that ensures only one item is expanded at a time.
- **Alert** (`DaisyAlert`): Feedback messages (Info, Success, Warning, Error).
- **Avatar** (`DaisyAvatar`): User profile image container (Circle, Square) with online/offline status indicators.
- **Avatar Group** (`DaisyAvatarGroup`): Groups multiple avatars with automatic overflow into "+N" placeholder.
- **Badge** (`DaisyBadge`): Small status indicators (Primary, Secondary, Outline, etc.).
- **Card** (`DaisyCard`): Content container with padding and shadow.
- **Clock** (`DaisyClock`): Multi-mode time control with Clock, Timer, and Stopwatch modes.
- **Carousel** (`DaisyCarousel`): Scrollable container for items.
- **Chat Bubble** (`DaisyChatBubble`): Message bubbles with header, footer, and alignment (Start/End).
- **Collapse** (`DaisyCollapse`): Accordion/Expander with animated arrow or plus/minus icon.
- **Countdown** (`DaisyCountdown`): Monospace digit display.
- **Diff** (`DaisyDiff`): Image comparison slider (Before/After).
- **Hover Gallery** (`DaisyHoverGallery`): Image/Content gallery driven by mouse hover position.
- **Kbd** (`DaisyKbd`): Keyboard key visual style.
- **List** (`DaisyList`, `DaisyListRow`, `DaisyListColumn`): Vertical list layout with flexible row structure. Supports grow columns and wrapped content.
- **Number Flow** (`DaisyNumberFlow`): High-quality numeric display with individual digit scrolling animations. Inspired by SmoothUI.
- **Stat** (`DaisyStat`): Statistics block with Title, Value, and Description.
- **Table** (`DaisyTable`): Styled items control for tabular data.
- **Text Rotate** (`DaisyTextRotate`): Animated text that cycles through items with configurable duration and pause-on-hover.
- **Timeline** (`DaisyTimeline`): Vertical list of events with connecting lines.

### Data Input

- **Checkbox** (`DaisyCheckBox`): Checkbox with themed colors.
- **File Input** (`DaisyFileInput`): Styled button/label for file selection.
- **Input** (`DaisyInput`): Text input field with variants (Bordered, Ghost, Primary, etc.).
- **PasswordBox** (`DaisyPasswordBox`): Themed password input with reveal toggle, labels, helper text, and icon slots.
- **Radio** (`DaisyRadio`): Radio button with themed colors.
- **Range** (`DaisyRange`): Slider control.
- **Rating** (`DaisyRating`): Star rating control with interactivity and partial fill support.
- **Select** (`DaisySelect`): ComboBox with themed styles.
- **Textarea** (`DaisyTextArea`): Multiline text input.
- **Toggle** (`DaisyToggle`): Switch toggle control.
- **Slide to Confirm** (`DaisySlideToConfirm`): Drag-to-confirm interaction control with variants and auto-reset support.

### Layout

- **Divider** (`DaisyDivider`): Separation line with optional text.
- **Drawer** (`DaisyDrawer`): Sidebar navigation with overlay (inherits `SplitView`).
- **Hero** (`DaisyHero`): Large banner component.
- **Join** (`DaisyJoin`): container that groups children (buttons/inputs) by merging their borders.
- **Patterned Card** (`DaisyPatternedCard`): Decorative card with pattern backgrounds and corner ornaments.
- **Stack** (`DaisyStack`): container that stacks children visually with offsets.

### Navigation

- **Breadcrumbs** (`DaisyBreadcrumbs`): Navigation path with separators.
- **Dock** (`DaisyDock`): Bottom navigation bar (macOS-style dock) with item selection events.
- **Menu** (`DaisyMenu`): Vertical or horizontal list of links/actions.
- **Navbar** (`DaisyNavbar`): Top navigation bar container.
- **Pagination** (`DaisyPagination`): Group of buttons for page navigation.
- **Steps** (`DaisySteps`): Progress tracker steps.
- **Tabs** (`DaisyTabs`): Tabbed navigation (Bordered, Lifted, Boxed).

### Feedback & Utils

- **Indicator** (`DaisyIndicator`): Utility to place a badge on the corner of another element.
- **Status Indicator** (`DaisyStatusIndicator`): Status indicator with **33 variants** including animation and glyph modes (battery, traffic lights, WiFi, cellular). Supports all theme colors and 5 sizes.

- **Loading** (`DaisyLoading`): Animated loading indicators with **48 variants** (extended from DaisyUI's original 6) across 6 categories:
  - *Classic*: Spinner, Dots, Ring, Ball, Bars, Infinity
  - *Terminal-inspired*: Orbit, Snake, Pulse, Wave, Bounce
  - *Matrix/Colon-dot*: Matrix, MatrixInward, MatrixOutward, MatrixVertical
  - *Special effects*: MatrixRain, Hourglass, SignalSweep, BitFlip, PacketBurst, CometTrail, Heartbeat, TunnelZoom, GlitchReveal, RippleMatrix, CursorBlink, CountdownSpinner
  - *Business*: DocumentFlipOn, DocumentFlipOff, MailSend, CloudUpload, CloudDownload, DocumentStamp, DocumentReject, ChartPulse, CalendarTick, ApprovalFlow, BriefcaseSpin, BatteryCharging, BatteryEmptying, TrafficLightUp, TrafficLightRight, TrafficLightDown, TrafficLightLeft
  - *Win95 retro*: Win95FileCopy, Win95Delete, Win95Search, Win95EmptyRecycle
- **Mask** (`DaisyMask`): Applies shapes (Squircle, Heart, Hexagon, etc.) to content.
- **Mockup** (`DaisyMockup`): Frames for Code, Window, or Browser.
- **Progress** (`DaisyProgress`): Linear progress bar.
- **Radial Progress** (`DaisyRadialProgress`): Circular progress indicator.
- **Skeleton** (`DaisySkeleton`): Animated placeholder for loading states.
- **Toast** (`DaisyToast`): Container for stacking alerts (fixed positioning).
- **Tooltip**: Themed standard Avalonia `ToolTip`.

### Theme Controls

- **Size Dropdown** (`DaisySizeDropdown`): Global size selector with localized size names and customizable options.
- **Theme Controller** (`DaisyThemeController`): Flexible toggle with multiple modes (Toggle, Checkbox, Swap, ToggleWithText, ToggleWithIcons).
- **Theme Dropdown** (`DaisyThemeDropdown`): Dropdown to select from all 35 themes.
- **Theme Manager** (`DaisyThemeManager`): Static class for programmatic theme control.
- **Product Theme Dropdown** (`DaisyProductThemeDropdown`): Dropdown for selecting product-specific theme palettes.
- **Theme Radio** (`DaisyThemeRadio`): Radio button for theme selection.
- **Theme Swap** (`DaisyThemeSwap`): Toggle button with animated sun/moon icons.

---

## ✨ Flowery.NET Exclusives

> **Beyond DaisyUI**  -  The following features and controls are **not part of the original DaisyUI CSS specification**. They are unique to Flowery.NET, built natively for Avalonia, inspired by other great open source projects.

### Accessibility

Controls that convey state visually include built-in screen reader support via `AccessibleText`:

```xml
<daisy:DaisyLoading Variant="Spinner" AccessibleText="Loading your profile" />
<daisy:DaisyStatusIndicator Color="Success" />
<daisy:DaisyProgress Value="45" AccessibleText="Upload progress" />
```

Supported custom peers: `DaisyLoading`, `DaisyProgress`, `DaisyRadialProgress`, `DaisyStatusIndicator`, `DaisyCountdown`, `DaisySkeleton`, `DaisyRating`, and `DaisyNumberFlow`.

Composite inputs such as `DaisyPasswordBox`, `DaisyNumericUpDown`, and `DaisyOtpInput` forward UI Automation names, help text, labels, required state, and caller-provided automation IDs to their focusable template children. Icon-only navigation and value-action buttons also expose explicit accessible names.

### Utility Controls

- **Animated Number** (`DaisyAnimatedNumber`): Animated numeric display with slide transitions on value changes.
- **Button Group** (`DaisyButtonGroup`): new segmented button-group container for joined buttons and non-clickable parts.
- **Component Sidebar** (`FloweryComponentSidebar`): Pre-built documentation/admin sidebar with categories and search.
- **Contribution Graph** (`DaisyContributionGraph`): GitHub-style contribution heatmap (7×53 grid) with month/day labels, tooltips, and legend.
- **Copy Button** (`DaisyCopyButton`): Copy-to-clipboard button with temporary success state feedback.
- **Dropdown** (`DaisyDropdown`): Menu-style dropdown (Popup + DaisyMenu) for action menus.
- **Expandable Card** (`DaisyExpandableCard`): Card that expands to reveal secondary content with smooth width animation.
- **Icon Text** (`DaisyIconText`): Reusable icon + text composition control with placement, sizing, and spacing options.
- **Modifier Keys** (`DaisyModifierKeys`): Visualizes keyboard modifiers (Shift, Ctrl, Alt) and locks.
- **Number Flow** (`DaisyNumberFlow`): High-quality numeric display with individual digit scrolling animations. Inspired by SmoothUI.
- **OTP Input** (`DaisyOtpInput`): Multi-slot verification-code/OTP input with animated focus transitions and auto-advance.
- **Popover** (`DaisyPopover`): Popup-based popover control for rich hover/click content.
- **Tag Picker** (`DaisyTagPicker`): Multi-select chip/tag picker with add/remove icons.

### Kanban Board

`Flowery.NET.Kanban` is a separate companion package containing the complete native Avalonia Kanban project. It includes board, home, user-management, archive, statistics, filtering, swimlane, WIP-limit, bulk-edit, JSON-persistence, keyboard, zoom, and drag-and-drop workflows. Board landmarks, cards, columns, form fields, and icon-only tool buttons expose localized UI Automation names and stable IDs where the element has a durable identity.

The [complete Kanban feature overview](Flowery.NET.Kanban/FEATURES.md) describes all board features and gives plain guidance for the assignee API.

Add its styles after `DaisyUITheme`:

```xml
<Application.Styles>
    <daisy:DaisyUITheme />
    <StyleInclude Source="avares://Flowery.NET.Kanban/Themes/Generic.axaml" />
</Application.Styles>
```

Then use the board control in a view:

```xml
xmlns:kanban="clr-namespace:Flowery.NET.Kanban.Controls;assembly=Flowery.NET.Kanban"

<kanban:FlowKanban Board="{Binding Board}" />
```

### Glass Effect

- **Glass** (`DaisyGlass`): Glassmorphism/frosted effect container with multiple blur modes (Simulated, BitmapCapture, SkiaSharp GPU-accelerated).

### Color Picker Suite

A complete suite rebuilt natively for Avalonia with DaisyUI styling, inspired by Cyotek's `ColorPicker`:

- **Color Wheel** (`DaisyColorWheel`): Circular HSL color wheel.
- **Color Grid** (`DaisyColorGrid`): Grid-based palette selector.
- **Color Slider** (`DaisyColorSlider`): Channel-specific sliders (R/G/B/A/H/S/L).
- **Color Editor** (`DaisyColorEditor`): Comprehensive RGB/HSL editor.
- **Screen Color Picker** (`DaisyScreenColorPicker`): Eyedropper tool (Windows only).
- **Color Picker Dialog** (`DaisyColorPickerDialog`): Full-featured modal dialog.

### Date Timeline

A horizontal scrollable date picker inspired by FadyFayezYounan's `easy_date_timeline`:

- **Date Timeline** (`DaisyDateTimeline`): Scrollable date picker with selectable date items. Supports multiple header types (MonthYear, Switcher, None), sizes, disable strategies, and marked dates with tooltips.
- **Date Timeline Item** (`DaisyDateTimelineItem`): Individual date cell with day name, date number, and month. Supports selection, disable states, and marker highlights.

### DaisyTabs Color Features

- **Per-tab palette colors**: `DaisyTabs` supports a **theme-independent color palette** (12 fixed colors) via `TabPaletteColor`, designed for end users (Purple, Indigo, Pink, SkyBlue, Blue, Lime, Green, Yellow, Orange, Red, Gray, Default).
- **Inline color picker**: Optional tab context menu shows a **two-row dot grid** for quick color changes and reset (hollow dot), without leaving the tab strip.
- **Semantic colors (optional)**: For apps that want colors to follow the active theme, `TabColor` exposes the semantic Daisy colors (`Primary`, `Success`, etc.) as an alternative API.

### Mask Input

- **Mask Input** (`DaisyMaskInput`): Masked input for structured values (time, expiry date, card number, CVC) with `Mode` presets and localized auto-watermarks.

### Numeric Input

- **Numeric Up/Down** (`DaisyNumericUpDown`): Advanced numeric input with **6 number bases** (Decimal, Hex, Binary, Octal, ColorHex, IPv4). Features real-time filtering, thousand separators, prefix/suffix display.

### Responsive Scaling

Automatic font scaling system for responsive UIs that adapt to window size:

- **FloweryScaleManager**: Opt-in automatic font scaling for all Daisy controls within a container.
- **ScaleExtension**: XAML markup extension for manual scaling of individual properties.
- **IScalableControl**: Interface for custom controls to support auto-scaling.

```xml
xmlns:services="clr-namespace:Flowery.Services;assembly=Flowery.NET"

<UserControl services:FloweryScaleManager.EnableScaling="True">
    <controls:DaisyInput Label="Street" />  
    <controls:DaisyButton Content="Save" /> 
</UserControl>

<TextBlock FontSize="{services:Scale FontTitle}" />
```

### Visual Effects

Cross-platform visual effects collection (WASM-compatible). See [Effects](https://tobitege.github.io/Flowery.NET/#Effects) for full documentation.

- **CursorFollowBehavior**: Spring-physics cursor follower element.
- **RevealBehavior**: Fade-in + slide animation on element attach.
- **ScrambleHoverBehavior**: Random character scramble on hover, resolves left-to-right.
- **ScrollRevealBehavior**: Viewport-aware reveal animations (triggers RevealBehavior when element enters scroll viewport).
- **TypewriterBehavior**: Sequential character reveal animation (typewriter effect).
- **WaveTextBehavior**: Infinite sine wave animation on text (supports per-character ripple).

```xml
xmlns:fx="clr-namespace:Flowery.Effects;assembly=Flowery.NET"

<Border fx:RevealBehavior.IsEnabled="True" fx:RevealBehavior.Direction="Bottom"/>
<TextBlock fx:ScrambleHoverBehavior.IsEnabled="True" Text="Hover Me!"/>
<TextBlock fx:TypewriterBehavior.IsEnabled="True" Text="Hello World"/>
```

### Weather Widgets

Weather display widgets with animated condition icons:

- **Weather Icon** (`DaisyWeatherIcon`): Animated weather condition icon.
- **Weather Card** (`DaisyWeatherCard`): Composite widget with current, forecast, and metrics.
- **Weather Current** (`DaisyWeatherCurrent`): Current temperature and conditions.
- **Weather Forecast** (`DaisyWeatherForecast`): Daily forecast strip.
- **Weather Metrics** (`DaisyWeatherMetrics`): UV, wind, humidity display.

---

## Control Template Guidelines

For contributors creating or modifying control templates:

### Background Border Architecture

Background borders should be **siblings** of content, not parents:

```xml

<Panel>
    <Border x:Name="PART_Background" Background="{TemplateBinding Background}" />
    <ContentPresenter Content="{TemplateBinding Content}" />
</Panel>

<Border Background="{TemplateBinding Background}">
    <ContentPresenter Content="{TemplateBinding Content}" />
</Border>
```

### Opacity Guidelines

- **Never** set `Opacity` on containers holding text
- Use separate background layers for disabled/hover states
- For disabled states, reduce opacity on `PART_Background` only

---

## Gallery App Architecture

The Gallery demo application uses a **multi-platform architecture** to showcase Flowery.NET controls across different platforms:

| Project | Description |
| ------- | ----------- |
| `Flowery.NET.Kanban` | Reusable Kanban controls, models, dialogs, localization, and persistence |
| `Flowery.NET.Gallery` | Shared library containing all UI, views, and examples |
| `Flowery.NET.Gallery.Desktop` | Desktop host for Windows, Linux, and macOS |
| `Flowery.NET.Gallery.Browser` | WebAssembly host for running in browsers |
| `Flowery.NET.Gallery.Android` | Android mobile app |
| `Flowery.NET.Gallery.iOS` | iOS mobile app (requires macOS to build) |

The shared library contains the `MainView` UserControl with all the demo content, while each platform host provides the entry point and platform-specific configuration. This architecture ensures the same UI runs consistently across all supported platforms.

**Running the Gallery:**

```bash
# Desktop (Windows/Linux/macOS)
dotnet run --project Flowery.NET.Gallery.Desktop

# Browser (WebAssembly)
dotnet run --project Flowery.NET.Gallery.Browser

# Android (requires Android SDK)
dotnet build Flowery.NET.Gallery.Android -f net10.0-android36.0
```

---

## Build & Run Scripts (PowerShell)

The `scripts/` folder contains PowerShell helpers for common build and run workflows:

- **Build scripts**:
  - `scripts/build_all.ps1`: Builds the full solution/projects
  - `scripts/build_desktop.ps1`: Builds the Desktop gallery host
  - `scripts/build_android_apks.ps1`: Publishes ABI-specific Android Gallery APKs
  - `scripts/build_nuget.ps1`: Builds/packaging workflow for NuGet output
- **Run scripts**:
  - `scripts/run-desktop.ps1`: Runs the Desktop gallery host
  - `scripts/run-browser.ps1`: Runs the Browser (WASM) gallery host
  - `scripts/run-android.ps1`: Runs/builds the Android gallery host (requires Android SDK and running emulator!)

For details and parameters, see `scripts/README.md`.

## Technical Requirements

**To use the library:**

- .NET 10.0 or later
- Avalonia UI 12.0 or later

**To build from source:**

- .NET 10.0 SDK or later
- Visual Studio 2022, JetBrains Rider, or VS Code
- Windows, macOS, or Linux

## Windows SmartScreen Warning

When running the Gallery app for the first time, you may see a SmartScreen warning (app is not code-signed).

**To run:** Click "More info" → "Run anyway"

Or: Right-click `.exe` → Properties → Check "Unblock" → OK

## License

MIT

## Support

If you find this library useful, consider supporting its development:

[![Buy Me A Coffee](https://img.shields.io/badge/Buy%20Me%20A%20Coffee-support-yellow?style=flat-square&logo=buy-me-a-coffee)](https://buymeacoffee.com/tobitege23) [![Ko-Fi](https://img.shields.io/badge/Ko--Fi-support-ff5e5b?style=flat-square&logo=ko-fi)](https://ko-fi.com/tobitege)

## Changelog

See [CHANGELOG.md](CHANGELOG.md) for version history and release notes.

## Credits & References

- [**Avalonia UI**](https://avaloniaui.net/) - The cross-platform UI framework.
- [**DaisyUI**](https://daisyui.com/) - The original Tailwind CSS component library.
- [**Avalonia.Fonts.Inter**](https://www.nuget.org/packages/Avalonia.Fonts.Inter) - The font used in the gallery.
- [**Cyotek ColorPicker**](https://github.com/cyotek/Cyotek.Windows.Forms.ColorPicker) - Inspiration for color picker controls.
- [**Easy Date Timeline**](https://github.com/FadyFayezYounan/easy_date_timeline) - Inspiration for date timeline controls.
- [**smoothui**](https://github.com/educlopez/smoothui) - Inspiration for visual effects (React/Tailwind/Framer Motion).
- [**liquid-glass**](https://github.com/samasante/liquid-glass) - Kudos to Sam Asante for the Liquid Glass optics reference that inspired the DaisyGlass SkiaSharp lens parameters.
- [**@frandelfo**](https://github.com/frandelfo) - Multi-platform Gallery architecture (Desktop, Browser, Android, iOS).

> **Disclaimer:** This project is not affiliated with, endorsed by, or sponsored by any of the above.

Flowery.NET

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Flowery.NET

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README