kae-mihara / MaterialDesignInXamlToolkit

Google Material Design In XAML & WPF

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Alt text Material Design In XAML Toolkit

Alt text

Alt text Summary

  • XAML Resources for Google swatches displayed
  • WPF control themes
  • Small sample apps within solution showing how to include chosen colours and use the resources:
    • MaterialDesignColors.WpfExample - illustrates palette use and control themes in WPF
    • MahMaterialDragablzMashUp - illustrates combination of Dragablz, MahApps, and Material Design for saweet UI.
    • MaterialDesignColors.UniversalExample - illustrates palette use in WinRT
  • Compatible with MahApps and Dragablz. See demo app in source and Mash Up! blog.
  • Includes hacky console app which was used to generate the XAML colour definitions

Gitter Build NuGet-Themes NuGet-Themes Issues Twitter

Alt text How Can I Use The Colours?

  1. Choose your source:
  • Install the NuGet package Install-Package MaterialDesignColors
  • Manually pull from Themes directory and include in your project
  1. In your App.XAML choose the primary palette and secondary palette, and configure standard brushes, as in this example (this is identical for WPF/WinRT)
  2. Make colourful things.
  3. Want help choosing your palette? Try the Palette Builder (this is very much a work-in-progress)

Alt text How Can I Use The Themes?

  • Install Nuget package Install-Package MaterialDesignThemes
  • Import required resource dictionaries, and use styles as desired. For examples, see the MaterialDesignColors.WpfExample project in the source code.

Alt text Mentions

  • Logo courtesy of GitHub user Snalty, and you can see more of him;
  • on his blog
  • and on Twitter
  • Marc Angers - I pulled some oh his shadows straight in from this blog post
  • Most of the icons come from Material Design Icons...check it!
  • Ignace Maes, whose Material Skin project inspired the original material design theme for Dragablz, which in turn led to me starting this project
  • Contributers! Thanks for the PRs which have helped add some extra polish.

Alt text More Pics

Alt text

Alt text

Alt text

Alt text

Alt text

Alt text

About

Google Material Design In XAML & WPF

License:Microsoft Public License


Languages

Language:C# 58.1%Language:JavaScript 40.9%Language:HTML 0.6%Language:CSS 0.5%