MaterialSurface
Google's Material Design UI library for Winform C# ./
Install / Use
/learn @princ3od/MaterialSurfaceREADME
MaterialSurface
This library brings Google's Material Design components to Winform C#.

Library Components
- Button (Contained Button/Outlined Button/Text Button)
- Card (2 types)
- ComboBox (3 types)
- CheckBox
- Dialog (support DarkTheme)
- RadioButton
- ChoiceChip (2 types)
- ProgressBar (2 types)
- TextField (3 types)
- Snackbar (support DarkTheme)
Installation
Video (Vietnamese)
1. Adding library to your project
You can add library through the Package Manager Console (MaterialSurface NuGet Package).
Click View > Others Windows > Package Manager Console and run this command:
PM > Install-Package MaterialSurface
Or you can clone this project from Github, compile it yourself and add output as a reference.
2. Adding components to your Toolbox
Once you have installed the package, all components should be stayed in tab "MaterialSurface" of your IDE's Toolbox.
Otherwise, you can manually add by right clicking Toolbox > Choose Items... and browse to the MaterialSurface.dll file in folder "..\\packages\MaterialSurface.1.0.0\lib".
3. Using library
Just use it as normal Winform controls except Dialog and Snackbar.
- Dialog is a replacement of MessageBox, so use it like MessageBox.
- Using Snackbar with method MakeSnackbar (static) or Make (for object). I strongly recommend cloning project and taking a look at MaterialSurfaceExample which has Playground to explore all components.
Author
Note
- Check out MaterialSkin which is a similar project but contains missing components from this project like Drawer, TabControl, Tooltip...
- Give this project a star if you found it helpful.
Preview Images
Home tab
Button tab
TextField tab
Toggles tab
ProgressBar tab
Snackbar
Dialog

Related Skills
diffs
343.3kUse the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
1.9kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
