Theming .NET WinForms, C# or VB.Net, to Google's Material Design Principles.
This project state is: not very active
This means I still read every issue and check every PR and occasionally release new versions when enough pull requests have pilled up, also @orapps44 has been doing excelent work and is keeping this project alive and updated, Thank you! β€οΈ
A nuget package version is available here
Or simply search for MaterialSkin.2 on the Nuget Package Manager inside Visual Studio
But there's not much in there for now, please contribute if you can. π
You can access it here
| Component | Supported | Disabled mode | Animated |
|---|---|---|---|
| Backdrop | No | - | - |
| Banner | No | - | - |
| Buttons | Yes | Yes | Yes |
| Cards | Yes | N/A | N/A |
| Check Box | Yes | Yes | Yes |
| Check Box List | Yes | Yes | Yes |
| Chips | No | - | - |
| Combobox | Yes | Yes | Yes |
| Context Menu | Yes | Yes | Yes |
| Date Picker | No | - | - |
| Dialog | Yes | N/A | No |
| Divider | Yes | N/A | N/A |
| Drawer | Yes | N/A | Yes |
| Expansion Panel | Yes | Yes | No |
| Flexible Dialog (big) | Yes | Yes | N/A |
| FAB - Floating Action Button | Yes | Yes | Yes |
| Label | Yes | Yes | N/A |
| ListBox | Yes | Yes | N/A |
| ListView | Yes | No | N/A |
| Progress Bar | Partial | No | No |
| Radio Button | Yes | Yes | Yes |
| Text field | Yes | Yes | Yes |
| Sliders | Yes | Yes | No |
| SnackBar | Yes | N/A | Yes |
| Switch | Yes | Yes | Yes |
| Tabs | Yes | N/A | Yes |
| Time Picker | No | - | - |
| Tooltips | No | - | - |
All supported components have a dark theme
- Progress bar - Animation and variants, maybe round loading thingy
- Backdrop (maybe)
- Some Color code improvements and refactoring
- DatePicker
- Drawer - Header, Divider, subtitle & submenu
- Textfield ContextualMenu translation
- Controls code cleanup
- Add Noto font support
Thanks for taking the time to contribute! π
If you have any issues please open an issue; have an improvement? open a pull request.
- This project was heavily updated by @leocb
- Currently it's kept alive by @orapps44
- forked from @donaldsteele
- and he forked it from the original @IgnaceMaes
Thank you to all the people who have already contributed to MaterialSkin 2 !
There are a few methods to add this lib:
Search for MaterialSkin.2 on the Nuget Package manager inside VisualStudio and add it to your project.
Download the precompiled DLL available on the releases section and add it as a external reference on your project.
Clone the project from GitHub, then add the MaterialSkin.csproj to your own solution, then add it as a project reference on your project.
Simply drag the MaterialSkin.dll file into your IDE's ToolBox and all the controls should be added there.
Open the code behind your Form you wish to skin. Make it inherit from MaterialForm rather than Form. Don't forget to put the library in your imports, so it can find the MaterialForm class!
public partial class Form1 : MaterialForm
Partial Class Form1 Inherits MaterialSkin.Controls.MaterialForm
Set your preferred colors & theme. Also add the form to the manager so it keeps updated if the color scheme or theme changes later on.
public Form1() { InitializeComponent(); var materialSkinManager = MaterialSkinManager.Instance; materialSkinManager.AddFormToManage(this); materialSkinManager.Theme = MaterialSkinManager.Themes.LIGHT; materialSkinManager.ColorScheme = new ColorScheme(Primary.BlueGrey800, Primary.BlueGrey900, Primary.BlueGrey500, Accent.LightBlue200, TextShade.WHITE); }
Imports MaterialSkin Public Class Form1 Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load Dim SkinManager As MaterialSkinManager = MaterialSkinManager.Instance SkinManager.AddFormToManage(Me) SkinManager.Theme = MaterialSkinManager.Themes.LIGHT SkinManager.ColorScheme = New ColorScheme(Primary.BlueGrey800, Primary.BlueGrey900, Primary.BlueGrey500, Accent.LightBlue200, TextShade.WHITE) End Sub End Class
If you love .NET and Material Design, you should definitely check out Material Design Xaml Toolkit by ButchersBoy. It's a similar project but for WPF instead of WinForms.
A simple demo interface with MaterialSkin components. home
The MaterialSkin Drawer (menu). drawer
Every MaterialSkin button variant - this is 1 control, 3 properties buttons
The MaterialSkin checkboxes, radio and Switch. selection
Material skin textfield text
Table control table
Progress bar progress bar
Cards cards
List Box listbox
Expansion Panel expansion
Label label
MaterialSkin using a custom color scheme. custom
FlexibleMaterial Messagebox messagebox