Windows Forms: Material Design Login Form in C#

This post shows you how to create a material login form using materialskin modern ui design in c# windows forms application.

The Material Skin is an open source support c# ui framework that helps you design a modern ui form using google material design.

To create the material design you can use material skin c# library, by right-clicking on your project, then select Manage NuGet Packages -> Search material skin -> install it on your project.

Drag the MaterialSingleLineTextFiled, MaterialCheckBox, MaterialRaisedButtonDesign, MaterialDivider and MaterialLabel from the visual studio toolbox to your winform, then layout your ui login form as shown below.

If you don't see the material controls in your visual studio toolbox, you need to drag the material library into your visual toolbox.

design material login form

To create the material design you need to change inheritance from your Form to MaterialForm as the following c# code.

public partial class Form1 : MaterialSkin.Controls.MaterialForm
{
    public Form1()
    {
        InitializeComponent();
        //Init skin
        MaterialSkin.MaterialSkinManager skinManager = MaterialSkin.MaterialSkinManager.Instance;
        skinManager.AddFormToManage(this);
        skinManager.Theme = MaterialSkin.MaterialSkinManager.Themes.LIGHT;
        skinManager.ColorScheme = new MaterialSkin.ColorScheme(MaterialSkin.Primary.Green900, MaterialSkin.Primary.BlueGrey900, MaterialSkin.Primary.Blue500, MaterialSkin.Accent.Orange700, MaterialSkin.TextShade.WHITE);
    }

    private void Form1_Load(object sender, EventArgs e)
    {

    }
}

As you can see, you can easily write c# form skin theme as show above to apply your winform. Through the material skin c# example, i hope so you can learn how to use material skin c# .net to create a modern ui using google material design principles.

VIDEO TUTORIAL