Gui
Materialskin

Materialskin

Aug 04, 2016

Popularity
1.0
Growing
Activity
0.7
Stabe

Materialskin

MaterialSkin for .NET WinForms

Theming .NET WinForms, C# or VB.Net, to Google's Material Design Principles.

alt tag

High quality images can be found at the bottom of this page.


Current state of the MaterialSkin components

Supported Dark & light version Disabled mode Animated
Checkbox Yes Yes Yes Yes
Divider Yes Yes N/A N/A
Flat Button Yes Yes Yes Yes
Label Yes Yes N/A N/A
Radio Button Yes Yes Yes Yes
Raised Button Yes Yes Yes Yes
Single-line text field Yes Yes No Yes
TabControl Yes N/A N/A Yes
ContextMenuStrip Yes Yes Yes Yes
ListView Yes Yes No No
ProgressBar Yes Yes No No
FloatingActionButton No No No No
Dialogs No No No No
Switch No No No No
More... No No No No

Implementing MaterialSkin in your application

1. Add the library to your project

You can do this on multiple ways. The easiest way would be adding the NuGet Package. Right click on your project and click 'Manage NuGet Packages...'. Search for 'MaterialSkin' and click on install. Once installed the library will be included in your project references. (Or install it through the package manager console: PM> Install-Package MaterialSkin)

Another way of doing this step would be cloning the project from GitHub, compiling the library yourself and adding it as a reference.

2. Add the MaterialSkin components to your ToolBox

If you have installed the NuGet package, the MaterialSkin.dll file should be in the folder //bin/Debug. Simply drag the MaterialSkin.dll file into your IDE's ToolBox and all the controls should be added there.

3. Inherit from MaterialForm

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!

C# (Form1.cs)

  public partial class Form1 : MaterialForm

VB.NET (Form1.Designer.vb)

  Partial Class Form1
    Inherits MaterialSkin.Controls.MaterialForm

4. Initialize your colorscheme

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.

C# (Form1.cs)

  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);
  }

VB.NET (Form1.vb)

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

Material Design in WPF

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.


Contact

If you wish to contact me for anything you can get in touch at:


Images

alt tag

A simple demo interface with MaterialSkin components.

alt tag

The MaterialSkin checkboxes.

alt tag

The MaterialSkin radiobuttons.

alt tag

The MaterialSkin ListView.

alt tag

MaterialSkin using a custom color scheme.

127 watchers
142 commits
819 Star

theming net winforms c or vbnet to googles material design principles

More from Gui
- -
fast colored textbox is text editor component for net allows you to create custom text editor with syntax highlighting it works well with small medium large and very-very large files
- -
toolkit for creating metro styled wpf apps
- -
windows forms control for the scintilla text editor component scintilla is used by notepad
- -
the uwp community toolkit is a collection of helper functions custom controls and app services it simplifies and demonstrates common developer tasks building uwp apps for windows 10
- -
create net cross-platform desktop apps using not just html but all features of sciter engine css3 svg scripting ajax video sciter is free for commercial use
- -
build native uis for ios android and windows from a single shared c codebase
- -
theming net winforms c or vbnet to googles material design principles
- -
fluent ribbon control suite is a library that implements an officeand windows 8-like ribbon for wpf
- -
a multi-platform net ui framework
- -
cross platform gui framework for desktop and mobile applications in net and mono
Gtk
- -
gtk is a mononet binding to the cross platform gtk gui toolkit and the foundation of most gui apps built with mono
- -
the wpf-based text editor component used in sharpdevelop
- -
dragable tearable wpf tab control similar to chrome which supports layouts and is full themeable including themese compatible with mahapps and material design
- -
toolkit for creating material styled wpf apps
0.0 0.9
windows forms control for the scintilla text editor component scintilla is used by notepad
0.0 3.9
create net cross-platform desktop apps using not just html but all features of sciter engine css3 svg scripting ajax video sciter is free for commercial use
1.0 10.0
the uwp community toolkit is a collection of helper functions custom controls and app services it simplifies and demonstrates common developer tasks building uwp apps for windows 10
- -
multi-platform and multi-engine xaml based user interface library
1.0 10.0
build native uis for ios android and windows from a single shared c codebase
1.0 10.0
a multi-platform net ui framework
0.0 3.7
dragable tearable wpf tab control similar to chrome which supports layouts and is full themeable including themese compatible with mahapps and material design
- -
a library that implements ms office ribbon for winforms
1.0 10.0
fluent ribbon control suite is a library that implements an officeand windows 8-like ribbon for wpf
Eto
1.0 10.0
cross platform gui framework for desktop and mobile applications in net and mono
Xwt
1.0 10.0
a cross-platform ui toolkit for creating desktop applications with net and mono
0.0 4.2
the wpf-based text editor component used in sharpdevelop
0.0 10.0
gtk is a mononet binding to the cross platform gtk gui toolkit and the foundation of most gui apps built with mono
- -
objectlistview is a c wrapper around a net listview it makes the listview much easier to use and teaches it some new tricks
1.0 10.0
toolkit for creating material styled wpf apps
- -
the visual studio inspired docking library for net winforms
2.0 10.0
toolkit for creating metro styled wpf apps
0.0 1.1
a control toolkit for windows 8 xaml applications contains some ui controls to make it easier to create windows ui style apps for the windows store in accordance with windows ui guidelines