Flare.Theme.FluentUI2 0.39.0

dotnet add package Flare.Theme.FluentUI2 --version 0.39.0
                    
NuGet\Install-Package Flare.Theme.FluentUI2 -Version 0.39.0
                    
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Flare.Theme.FluentUI2" Version="0.39.0" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="Flare.Theme.FluentUI2" Version="0.39.0" />
                    
Directory.Packages.props
<PackageReference Include="Flare.Theme.FluentUI2" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add Flare.Theme.FluentUI2 --version 0.39.0
                    
#r "nuget: Flare.Theme.FluentUI2, 0.39.0"
                    
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#:package Flare.Theme.FluentUI2@0.39.0
                    
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.
#addin nuget:?package=Flare.Theme.FluentUI2&version=0.39.0
                    
Install as a Cake Addin
#tool nuget:?package=Flare.Theme.FluentUI2&version=0.39.0
                    
Install as a Cake Tool

Flare.Theme.FluentUI2

Fluent UI 2 light and dark theme for the Flare Blazor component library.

dotnet add package Flare.Theme.FluentUI2
// default theme...
builder.Services.AddFlare(opts => opts.DefaultTheme = new FluentUI2Theme());
// ...or register and switch at runtime:
builder.Services.AddFlareTheme(new FluentUI2Theme());
// await ThemeService.SetThemeAsync("fluent2");

Fluent UI 2 → Flare

Fluent names several controls differently from Material, and in two places it splits what Material treats as one component. The Flare column is the component; the third column is what makes it read as Fluent rather than as Material.

Fluent UI 2 Flare How you select it
Button (primary, secondary, outline, subtle, transparent) FlareButton Variant="ButtonVariant.Filled\|Tonal\|Outlined\|Text" - "primary" is Filled, "subtle" is Text
Compound button FlareButton a second line of content inside ChildContent
Toggle button FlareToggleButton @bind-Toggled - Fluent changes colour rather than shape
Split button FlareSplitButton
Menu button FlareButton + FlareMenu
Card FlareCard
Badge / Counter badge / Presence badge FlareBadge, FlareAvatar presence is FlareAvatar's status dot
Avatar / Avatar group FlareAvatar, FlareAvatarGroup
Checkbox / Radio group / Switch FlareCheckbox, FlareRadioGroup, FlareSwitch
Slider FlareSlider
Input / Textarea FlareField, FlareTextArea
Combobox / Dropdown FlareCombobox, FlareSelect Fluent's Combobox is editable, Dropdown is not
SpinButton FlareNumericField
Field (label + hint + validation around a control) FlareField the chrome is built in rather than a separate wrapper
Menu / MenuItem FlareMenu, FlareMenuItem
Toolbar FlareToolbar
Dialog / Drawer FlareDialog, FlareLayoutDrawer
Popover / Tooltip FlarePopover, FlareTooltip
Toast ISnackbarService injected; no markup
MessageBar FlareAlert
ProgressBar / Spinner FlareProgressLinear, FlareProgressCircular
TabList FlareTabs
Breadcrumb FlareBreadcrumb
Accordion FlareAccordion
DataGrid / Table FlareDataGrid, FlareTable
Tree FlareTreeView
Link FlareLink
Divider FlareDivider
Rating FlareRating
Persona FlareAvatar + FlareText no single component; compose it

What this theme changes beyond colour

  • Discrete state fills, not a translucent wash. Where Material paints a currentColor overlay at a state opacity, Fluent assigns a flat fill per state through the same --flare-state-*-layer tokens.
  • Disabled repaints instead of dimming. Every component's DisabledOpacity is 1 here, and the flat disabled palette does the work - Material fades the whole element to 38%.
  • Focus is a stroke that coexists with hover, which is why the theme sets --flare-state-focus-hover-layer to its hover fill rather than to its focus one.
  • Squarer corners and a tighter type ramp than either Material generation.

Requires Flare.Components. Repository & docs: https://github.com/jrfrigat/Flare - MIT licensed.

Product Compatible and additional computed target framework versions.
.NET net8.0 is compatible.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed.  net9.0 is compatible.  net9.0-android was computed.  net9.0-browser was computed.  net9.0-ios was computed.  net9.0-maccatalyst was computed.  net9.0-macos was computed.  net9.0-tvos was computed.  net9.0-windows was computed.  net10.0 is compatible.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
0.39.0 43 9/21/2026
0.38.0 52 9/19/2026
0.37.0 84 9/13/2026
0.36.0 85 9/13/2026
0.35.0 103 9/12/2026
0.34.0 92 9/11/2026
0.33.0 101 9/7/2026
0.32.0 99 9/6/2026
0.31.0 97 9/5/2026
0.30.0 91 9/4/2026
0.29.0 103 9/4/2026
0.28.0 98 9/4/2026
0.27.0 105 9/3/2026
0.26.3 107 9/3/2026
0.26.2 99 8/31/2026
0.26.1 113 8/31/2026
0.26.0 96 8/30/2026
0.25.0 103 8/29/2026
0.24.0 98 8/29/2026
0.23.0 101 8/29/2026
Loading failed