/material.avalonia

Material design in AvaloniaUI

Primary LanguageC#MIT LicenseMIT

Material.Avalonia

Customizable Material Design implementation for AvaloniaUI framework.

More screenshots

Overview

This library is a collection of styles and controls to help you customize your Avalonia application with Material Design theme.

  • Material Design styles for almost all Avalonia controls
  • Additional controls to support the Snackbars, side sheets, floating buttons, cards, dialogs and more
  • Easy configuration of palette (at design and runtime), according to Material Guidelines guidelines
  • Full Material Design Icons icon pack support (must be installed separately, in favor of small library size)
  • Demo applications included in the source project

nuget nuget nuget

Getting started

Check out the getting started wiki page. Or follow these very quick instructions:

  1. Add Material.Avalonia nuget package to your project:

    dotnet add package Material.Avalonia

  2. Edit App.xaml file:

    If you install 3.0.0-* version or higher, use this:

    <Application ...
  xmlns:themes="clr-namespace:Material.Styles.Themes;assembly=Material.Styles"
  ...>
  <Application.Styles>
    <themes:MaterialTheme BaseTheme="Dark" PrimaryColor="Purple" SecondaryColor="Lime" />
  </Application.Styles>
</Application>

    If you install 2.5.1 or lower use this:

    <Application ...
  xmlns:themes="clr-namespace:Material.Styles.Themes;assembly=Material.Styles"
  ...>
  <Application.Resources>
    <themes:BundledTheme BaseTheme="Light" PrimaryColor="Teal" SecondaryColor="Amber"/>
  </Application.Resources>
  <Application.Styles>
    <StyleInclude Source="avares://Material.Avalonia/Material.Avalonia.Templates.xaml" />
  </Application.Styles>
</Application>

Useful links