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" />
<PackageReference Include="Flare.Theme.FluentUI2" />
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
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#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
#tool nuget:?package=Flare.Theme.FluentUI2&version=0.39.0
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
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
currentColoroverlay at a state opacity, Fluent assigns a flat fill per state through the same--flare-state-*-layertokens. - Disabled repaints instead of dimming. Every component's
DisabledOpacityis1here, 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-layerto 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 | Versions 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.
-
net10.0
- Flare.Abstractions (>= 0.39.0)
- Flare.Theme.FluentUI2.Tokens (>= 0.39.0)
- Flare.Theming (>= 0.39.0)
-
net8.0
- Flare.Abstractions (>= 0.39.0)
- Flare.Theme.FluentUI2.Tokens (>= 0.39.0)
- Flare.Theming (>= 0.39.0)
-
net9.0
- Flare.Abstractions (>= 0.39.0)
- Flare.Theme.FluentUI2.Tokens (>= 0.39.0)
- Flare.Theming (>= 0.39.0)
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