Flare.Theme.MaterialDesign3Expressive 0.17.0

.NET 8.0 This package targets .NET 8.0. The package is compatible with this framework or higher.
There is a newer version of this package available.
See the version list below for details. 
dotnet add package Flare.Theme.MaterialDesign3Expressive --version 0.17.0
                    


                    

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


                            Directory.Packages.props
                        

                    

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


                            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.MaterialDesign3Expressive --version 0.17.0
                    


                    

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


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=Flare.Theme.MaterialDesign3Expressive&version=0.17.0
                    


                            Install as a Cake Tool

Flare.Theme.MaterialDesign3Expressive

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

dotnet add package Flare.Theme.MaterialDesign3Expressive

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

Material 3 Expressive → Flare

Expressive is not a separate component set: it is M3 with a wider size axis, a shape that reacts to interaction, and springier motion. So the mapping below is M3's, and the Expressive column says what this theme does that the baseline one does not.

Material 3 Flare How you select it
Common buttons (elevated, filled, tonal, outlined, text) FlareButton Variant="ButtonVariant.Elevated\|Filled\|Tonal\|Outlined\|Text"
Button sizes (XS-XL) FlareButton Size - the full 5-rung ramp is Expressive's; baseline M3 ships one button
Toggle button FlareToggleButton @bind-Toggled; selection swaps the shape round<->square
Button groups (standard, connected) FlareButtonGroup Connected, Vertical
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
FAB menu FlareFloatingActionMenu + FlareFloatingActionMenuItem
Icon buttons FlareIconButton Variant mirrors the button variants
Split button FlareSplitButton
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"; Wavy is Expressive's
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 pickers FlareDatePicker, FlareDateRangePicker
Time pickers FlareTimePicker
Carousel FlareCarousel Flare.Components.Carousel package
Divider FlareDivider
Bottom sheet / side sheet FlareDialog Size="DialogSize.FullWidth" plus placement
Toolbar FlareToolbar

Material components Flare has no equivalent for: none of the above is missing, but Flare adds many that M3 does not specify (data grid, tree, kanban, ribbon, query builder). Those take their colour and shape from the same tokens and simply have no Material counterpart to compare against.

What this theme changes beyond colour

  • The size ramp is the spec's, 32/40/56/96/136dp for buttons, not a gentler five steps.
  • Shape reacts to interaction: a pressed button squares off, and a selected toggle swaps to the opposite shape, both on a spring rather than a linear ease.
  • The button group trades width on press - the pressed segment grows and its neighbours give up exactly as much, so the group's own width never changes.
  • Wavy progress indicators and the spring motion primitives (MotionTokens.EasingSpring*).

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 (1)

Showing the top 1 NuGet packages that depend on Flare.Theme.MaterialDesign3Expressive:

Package Downloads
Flare.Theme.MaterialDesign3

Material Design 3 (baseline, non-Expressive) light and dark themes for the Flare Blazor component library

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
0.17.1 50 8/16/2026
0.17.0 47 8/16/2026
0.16.1 48 8/15/2026
0.16.0 52 8/15/2026
0.15.0 111 8/9/2026
0.14.0 106 8/9/2026
0.13.0 108 8/8/2026
0.12.1 106 8/8/2026
0.12.0 103 8/7/2026
0.11.0 106 8/7/2026
0.10.0 131 7/19/2026
0.9.0 122 7/17/2026
0.8.0 116 7/17/2026
0.7.0 113 7/17/2026
0.6.0 117 7/16/2026
0.5.0 115 7/16/2026
0.4.0 117 7/16/2026
0.3.0 122 7/16/2026
0.2.1 119 7/14/2026
0.2.0 128 7/13/2026
Loading failed