Flare.Theme.MaterialDesign3 0.17.1

.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher. 
dotnet add package Flare.Theme.MaterialDesign3 --version 0.17.1
                    


                    

                
NuGet\Install-Package Flare.Theme.MaterialDesign3 -Version 0.17.1
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.MaterialDesign3" Version="0.17.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="Flare.Theme.MaterialDesign3" Version="0.17.1" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="Flare.Theme.MaterialDesign3" />
                    


                            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.MaterialDesign3 --version 0.17.1
                    


                    

                
#r "nuget: Flare.Theme.MaterialDesign3, 0.17.1"
#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.MaterialDesign3@0.17.1
#: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.MaterialDesign3&version=0.17.1
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Flare.Theme.MaterialDesign3&version=0.17.1
                    


                            Install as a Cake Tool

Flare.Theme.MaterialDesign3

Material Design 3 (baseline) light and dark theme for the Flare Blazor component library, including the built-in MD3 palettes.

dotnet add package Flare.Theme.MaterialDesign3

// as the default theme...
builder.Services.AddFlare(opts =>
{
    opts.DefaultTheme   = new MaterialDesign3Theme();
    opts.DefaultPalette = Md3Palettes.Violet;
});
// ...or register alongside others, then switch at runtime:
builder.Services.AddFlareTheme(new MaterialDesign3Theme());
// await ThemeService.SetThemeAsync("md3");

Material 3 → Flare

Material 3 Flare How you select it
Common buttons (elevated, filled, tonal, outlined, text) FlareButton Variant="ButtonVariant.Elevated\|Filled\|Tonal\|Outlined\|Text"
Toggle button FlareToggleButton @bind-Toggled
Segmented buttons FlareButtonGroup of FlareToggleButton Connected="true"
FAB, small/large FAB FlareFloatingActionButton Size="FabSize.Sm\|Md\|Lg"
Extended FAB FlareFloatingActionButton a labelled FAB IS the extended one: set Label
Icon buttons FlareIconButton Variant mirrors the button variants
Cards (elevated, filled, outlined) FlareCard Variant="CardVariant.Elevated\|Filled\|Outlined"
Chips (assist, filter, input, suggestion) FlareChip Variant, plus @bind-Selected for filter and Closable for input
Checkbox / Radio button / Switch FlareCheckbox, FlareRadioGroup, FlareSwitch
Sliders FlareSlider Range="true" for two handles
Text fields (filled, outlined) FlareField and the typed fields Variant
Menus FlareMenu + FlareMenuItem
Lists FlareList + FlareListItem
Dialogs (basic, full-screen) FlareDialog Size="DialogSize.FullScreen"
Snackbar ISnackbarService injected; no markup
Tooltips (plain, rich) FlareTooltip
Badges FlareBadge Standalone for the bare pill
Progress indicators (linear, circular) FlareProgress Variant="ProgressVariant.Linear\|Circular"
Navigation bar FlareBottomNav
Navigation rail FlareNavMenu Mode="NavMenuMode.Rail"
Navigation drawer (standard, modal) FlareLayoutDrawer Variant="DrawerVariant.Persistent\|Temporary\|Responsive"
Top app bar FlareLayoutAppBar
Tabs (primary, secondary) FlareTabs Variant="TabsVariant.Primary\|Underline"
Search FlareCombobox
Date / time pickers FlareDatePicker, FlareDateRangePicker, FlareTimePicker
Divider FlareDivider
Carousel FlareCarousel Flare.Components.Carousel package

Baseline, not Expressive

This package is M3 as specified before the Expressive update, and the difference is deliberate:

  • One button size. Material's own M3-vs-Expressive table lists a single 40dp button; the XS/M/L/XL ramp arrives with Expressive. Flare's Size still works here - the steps are simply gentler.
  • No shape morph. A pressed button does not square off and a selected toggle does not swap shape.
  • No wavy progress and no spring motion.

If you want those, use Flare.Theme.MaterialDesign3Expressive; the palettes and the colour roles are shared, so switching between them changes geometry and motion, not colour.

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.17.1 73 8/16/2026
0.17.0 67 8/16/2026
0.16.1 62 8/15/2026
0.16.0 69 8/15/2026
0.15.0 88 8/9/2026
0.14.0 96 8/9/2026
0.13.0 99 8/8/2026
0.12.1 88 8/8/2026
0.12.0 93 8/7/2026
0.11.0 86 8/7/2026
0.10.0 117 7/19/2026
0.9.0 108 7/17/2026
0.8.0 95 7/17/2026
0.7.0 93 7/17/2026
0.6.0 95 7/16/2026
0.5.0 96 7/16/2026
0.4.0 101 7/16/2026
0.3.0 100 7/16/2026
0.2.1 99 7/14/2026
0.2.0 104 7/13/2026
Loading failed