{"id":13547426,"url":"https://github.com/leocb/MaterialSkin","last_synced_at":"2025-04-02T19:33:08.206Z","repository":{"id":37251783,"uuid":"207387065","full_name":"leocb/MaterialSkin","owner":"leocb","description":"Theming .NET WinForms, C# or VB.Net, to Google's Material Design Principles.","archived":false,"fork":true,"pushed_at":"2023-10-31T14:27:55.000Z","size":3167,"stargazers_count":461,"open_issues_count":93,"forks_count":140,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-03-20T04:40:01.611Z","etag":null,"topics":["material-design","theme","winforms"],"latest_commit_sha":null,"homepage":"","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"donaldsteele/MaterialSkin","license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/leocb.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-09-09T19:21:08.000Z","updated_at":"2025-03-13T17:40:00.000Z","dependencies_parsed_at":"2023-02-06T12:31:05.161Z","dependency_job_id":null,"html_url":"https://github.com/leocb/MaterialSkin","commit_stats":null,"previous_names":[],"tags_count":12,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leocb%2FMaterialSkin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leocb%2FMaterialSkin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leocb%2FMaterialSkin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/leocb%2FMaterialSkin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/leocb","download_url":"https://codeload.github.com/leocb/MaterialSkin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246880375,"owners_count":20848852,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["material-design","theme","winforms"],"created_at":"2024-08-01T12:00:55.401Z","updated_at":"2025-04-02T19:33:05.450Z","avatar_url":"https://github.com/leocb.png","language":"C#","readme":"# MaterialSkin 2 for .NET WinForms\n\nTheming .NET WinForms, C# or VB.Net, to Google's Material Design Principles.\n\n\u003e ⚠️ **It's NOT recommended to use this lib for new projects** ⚠️\n\u003e\n\u003e ❓For new projects I recommend [WPF with this Material Design Xaml Toolkit](https://github.com/ButchersBoy/MaterialDesignInXamlToolkit) since it's a lot newer and performant and feature complete\n\u003e\n\u003e ℹ️ The current state of this project state is: **not active**\n\n## Contributing\n\n- Feel free to open a PR with new features or bug fixes. Since this project is not currently active, big changes will not be considered.\n- Support this and more projects by donating:\n\n[![Paypal](https://user-images.githubusercontent.com/8310271/225498353-9d0a672d-ed45-4fed-9838-11d71ee49c28.png)](https://www.paypal.com/donate/?hosted_button_id=683D7S6KLX7EA)\n\n## A quick look\n\n![home](https://user-images.githubusercontent.com/77468294/134770847-0f20f37f-e3e7-4e15-b838-cf53b0b32c4e.png)\n\n## Nuget Package\n\nA nuget package version is available [here](https://www.nuget.org/packages/MaterialSkin.2/)\n\nOr simply search for MaterialSkin.2 on the **Nuget Package Manager** inside Visual Studio\n\n## WIKI Available!\n\nBut there's not much in there for now, please contribute if you can. :smile:\n\nYou can access it [here](https://github.com/leocb/MaterialSkin/wiki)\n\n## Current state of the MaterialSkin components\n\n| Component                    | Supported | Disabled mode | Animated |\n| ---------------------------- | :-------: | :-----------: | :------: |\n| Backdrop                     |  **No**   |       -       |    -     |\n| Banner                       |  **No**   |       -       |    -     |\n| Buttons                      |    Yes    |      Yes      |   Yes    |\n| Cards                        |    Yes    |      N/A      |   N/A    |\n| Check Box                    |    Yes    |      Yes      |   Yes    |\n| Check Box List               |    Yes    |      Yes      |   Yes    |\n| Chips                        |  **No**   |       -       |    -     |\n| Combobox                     |    Yes    |      Yes      |   Yes    |\n| Context Menu                 |    Yes    |      Yes      |   Yes    |\n| Date Picker                  |  **No**   |       -       |    -     |\n| Dialog                       |    Yes    |      N/A      |  **No**  |\n| Divider                      |    Yes    |      N/A      |   N/A    |\n| Drawer                       |    Yes    |      N/A      |   Yes    |\n| Expansion Panel              |    Yes    |      Yes      |  **No**  |\n| Flexible Dialog (big)        |    Yes    |      Yes      |   N/A    |\n| FAB - Floating Action Button |    Yes    |      Yes      |   Yes    |\n| Label                        |    Yes    |      Yes      |   N/A    |\n| ListBox                      |    Yes    |      Yes      |   N/A    |\n| ListView                     |    Yes    |    **No**     |   N/A    |\n| Progress Bar                 |  _Partial_  |    **No**     |  **No**  |\n| Radio Button                 |    Yes    |      Yes      |   Yes    |\n| Text field                   |    Yes    |      Yes      |   Yes    |\n| Sliders                      |    Yes    |      Yes      |  **No**  |\n| SnackBar                     |    Yes    |      N/A      |   Yes    |\n| Switch                       |    Yes    |      Yes      |   Yes    |\n| Tabs                         |    Yes    |      N/A      |   Yes    |\n| Time Picker                  |  **No**   |       -       |    -     |\n| Tooltips                     |  **No**   |       -       |    -     |\n\nAll supported components have a dark theme\n\n## TODO List\n\n- [ ] Progress bar - Animation and variants, maybe round loading thingy\n- [ ] Backdrop (maybe)\n- [ ] Some Color code improvements and refactoring\n- [ ] DatePicker\n- [ ] Drawer - Header, Divider, subtitle \u0026 submenu\n- [ ] Textfield ContextualMenu translation\n- [ ] Controls code cleanup\n- [ ] Add Noto font support\n\n---\n\n## Contributing\n\nThanks for taking the time to contribute!  :+1:\n\nIf you have any issues please open an issue; have an improvement? open a pull request.\n\n\u003e - This project was heavily updated by [@leocb](https://github.com/leocb/MaterialSkin)\n\u003e - Currently it's kept alive by [@orapps44](https://github.com/orapps44/MaterialSkin)\n\u003e - forked from [@donaldsteele](https://github.com/donaldsteele/MaterialSkin)\n\u003e - and he forked it from the original [@IgnaceMaes](https://github.com/IgnaceMaes/MaterialSkin)\n\n## Contributors\n\nThank you to all the people who have already contributed to MaterialSkin 2 !\n\n\u003ca href=\"https://github.com/leocb/MaterialSkin/graphs/contributors\"\u003e\n  \u003cimg src=\"https://contrib.rocks/image?repo=leocb/MaterialSkin\" /\u003e\n\u003c/a\u003e\n\n\n---\n\n## Implementing MaterialSkin 2 in your application\n\n### 1. Add the library to your project\n\nThere are a few methods to add this lib:\n\n#### The Easy way\n\nSearch for MaterialSkin.2 on the Nuget Package manager inside VisualStudio and add it to your project.\n\n#### Manual way\n\nDownload the precompiled DLL available on the releases section and add it as a external reference on your project.\n\n#### Compile from the latest master\n\nClone the project from GitHub, then add the MaterialSkin.csproj to your own solution, then add it as a project reference on your project.\n  \n### 2. Add the MaterialSkin components to your ToolBox\n\nSimply drag the MaterialSkin.dll file into your IDE's ToolBox and all the controls should be added there.\n\n### 3. Inherit from MaterialForm\n\nOpen 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!\n  \n#### C# (Form1.cs)\n\n```cs\npublic partial class Form1 : MaterialForm\n```\n  \n#### VB.NET (Form1.Designer.vb)\n\n```vb\nPartial Class Form1\n  Inherits MaterialSkin.Controls.MaterialForm\n```\n  \n### 4. Initialize your colorscheme\n\nSet your preferred colors \u0026 theme. Also add the form to the manager so it keeps updated if the color scheme or theme changes later on.\n\n#### C# (Form1.cs)\n\n```cs\npublic Form1()\n{\n    InitializeComponent();\n\n    var materialSkinManager = MaterialSkinManager.Instance;\n    materialSkinManager.AddFormToManage(this);\n    materialSkinManager.Theme = MaterialSkinManager.Themes.LIGHT;\n    materialSkinManager.ColorScheme = new ColorScheme(Primary.BlueGrey800, Primary.BlueGrey900, Primary.BlueGrey500, Accent.LightBlue200, TextShade.WHITE);\n}\n```\n\n#### VB.NET (Form1.vb)\n\n```vb\nImports MaterialSkin\n\nPublic Class Form1\n\n    Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load\n        Dim SkinManager As MaterialSkinManager = MaterialSkinManager.Instance\n        SkinManager.AddFormToManage(Me)\n        SkinManager.Theme = MaterialSkinManager.Themes.LIGHT\n        SkinManager.ColorScheme = New ColorScheme(Primary.BlueGrey800, Primary.BlueGrey900, Primary.BlueGrey500, Accent.LightBlue200, TextShade.WHITE)\n    End Sub\nEnd Class\n```\n\n---\n\n## Material Design in WPF\n\nIf you love .NET and Material Design, you should definitely check out [Material Design Xaml Toolkit](https://github.com/ButchersBoy/MaterialDesignInXamlToolkit) by ButchersBoy. It's a similar project but for WPF instead of WinForms.\n\n---\n\n## Preview!\n\n*A simple demo interface with MaterialSkin components.*\n![home](https://user-images.githubusercontent.com/77468294/134770847-0f20f37f-e3e7-4e15-b838-cf53b0b32c4e.png)\n\n*The MaterialSkin Drawer (menu).*\n![drawer](https://user-images.githubusercontent.com/77468294/119880600-b4570480-bf2c-11eb-9a83-e2d59b88bf22.png)\n\n*Every MaterialSkin button variant - this is 1 control, 3 properties*\n![buttons](https://user-images.githubusercontent.com/77468294/119880777-e1a3b280-bf2c-11eb-8042-45b767459b41.png)\n\n*The MaterialSkin checkboxes, radio and Switch.*\n![selection](https://user-images.githubusercontent.com/77468294/134740844-795cd759-e4dc-4592-b2c1-86896e61f66f.png)\n\n*Material skin textfield*\n![text](https://user-images.githubusercontent.com/77468294/134825517-23f517e7-0793-4c4c-bcb2-6c2c2fb36b4a.png)\n\n*Table control*\n![table](https://user-images.githubusercontent.com/8310271/66237915-a1931a80-e6cc-11e9-8e68-bc919f533366.png)\n\n*Progress bar*\n![progress bar](https://user-images.githubusercontent.com/77468294/119880969-131c7e00-bf2d-11eb-9ec6-b00e928e59ed.png)\n\n*Cards*\n![cards](https://user-images.githubusercontent.com/77468294/119881312-6f7f9d80-bf2d-11eb-93b8-e4dc58dc3a4e.png)\n\n*List Box*\n![listbox](https://user-images.githubusercontent.com/77468294/119881063-2891a800-bf2d-11eb-93d8-d0395dc1f19e.png)\n\n*Expansion Panel*\n![expansion](https://user-images.githubusercontent.com/77468294/119881153-419a5900-bf2d-11eb-95a2-ab29089acdd3.png)\n\n*Label*\n![label](https://user-images.githubusercontent.com/77468294/132769098-440841c8-07d2-4b9b-bff7-e525402525dd.png)\n\n*MaterialSkin using a custom color scheme.*\n![custom](https://user-images.githubusercontent.com/77468294/119881411-8e7e2f80-bf2d-11eb-9fa3-883eceabfadc.png)\n\n*FlexibleMaterial Messagebox*\n![messagebox](https://user-images.githubusercontent.com/8310271/66238105-25e59d80-e6cd-11e9-88c9-5a21ceae1a5a.png)\n","funding_links":["https://www.paypal.com/donate/?hosted_button_id=683D7S6KLX7EA"],"categories":["C#"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleocb%2FMaterialSkin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fleocb%2FMaterialSkin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fleocb%2FMaterialSkin/lists"}