Home

Awesome

Material Design Extensions

<p align="center"> <img src="https://github.com/spiegelp/MaterialDesignExtensions/raw/master/icon/icon.png" alt="Material Design Extensions icon" width="128px" /> </p> <p> Material Design Extensions is based on <a href="https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit">Material Design in XAML Toolkit</a> to provide additional controls and features for WPF apps. The controls might not be specified in the <a href="https://material.io/guidelines/material-design/introduction.html">Material Design specification</a> or would crash the scope of <a href="https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit">Material Design in XAML Toolkit</a>. </p>

Build status

NuGet

NuGet Status

Install NuGet package. PM> Install-Package MaterialDesignExtensions

Assemblies are compiled for .NET Core 3.1 and .NET Framework 4.5.2

Getting started

  1. Create a WPF desktop application
  2. Install Material Design Extensions via NuGet
  3. Add the styles to your App.xaml (see App.xaml in the demo)
  4. Add the namespace xmlns:controls="clr-namespace:MaterialDesignExtensions.Controls;assembly=MaterialDesignExtensions" to your XAML
  5. You are ready to use the controls

Important notice

The configuration of Material Design Extensions v2.6.0 changed in order to enable changing the theme at runtime. Please change your configuration according to App.xaml of the demo.

Controls

Material Design Extensions features the following controls:

ControlDetailsStatus
StepperCustom Stepper control (specification)Done
Oversized number spinnerCustom OversizedNumberSpinner controlDone
Grid listTemplates for ListBox to render as a grid list (specification)Done
Open directoryCustom OpenDirectoryControl and OpenDirectoryDialog controlDone
Open fileCustom OpenFileControl and OpenFileDialog controlDone
Save fileCustom SaveFileControl and SaveFileDialog controlDone
Open multiple directoriesCustom OpenMultipleDirectoriesControl and OpenMultipleDirectoriesDialog controlDone
Open multiple filesCustom OpenMultipleFilesControl and OpenMultipleFilesDialog controlDone
Text box with file pathCustom TextBoxOpenDirectory, TextBoxOpenFile and TextBoxSaveFile controlDone
App barCustom AppBar control (specification)Done
Persistent searchCustom PersistentSearch control (specification)Done
Side navigationCustom SideNavigation control (specification)Done
Navigation railCustom NavigationRail control (specification)Done
AutocompleteCustom Autocomplete controlDone
Text box suggestionsCustom TextBoxSuggestions controlDone
TabsTemplates for TabControl (specification)Done
Busy overlayCustom BusyOverlay controlDone
Material windowCustom MaterialWindow controlDone
Material navigation windowCustom MaterialNavigationWindow controlIn development

Screenshots

Horizontal stepper

Vertical stepper

Side navigation

Navigation rail

Tabs

Material window and app bar

Open directory

Open file

Save file

Grid list

Persistent search

Autocomplete

Oversized number spinner

Documentation

You will find the API documentation on the website.

License

Material Design Extensions is licensed under the MIT license.