{"id":13570082,"url":"https://github.com/MudBlazor/MudBlazor","last_synced_at":"2025-04-04T06:31:45.118Z","repository":{"id":36999558,"uuid":"288428676","full_name":"MudBlazor/MudBlazor","owner":"MudBlazor","description":"Blazor Component Library based on Material design with an emphasis on ease of use. Mainly written in C# with Javascript kept to a bare minimum it empowers .NET developers to easily debug it if needed.","archived":false,"fork":false,"pushed_at":"2024-10-28T20:22:05.000Z","size":36035,"stargazers_count":8020,"open_issues_count":1446,"forks_count":1276,"subscribers_count":97,"default_branch":"dev","last_synced_at":"2024-10-29T10:26:45.748Z","etag":null,"topics":["blazor","blazor-client","blazor-components","blazor-server","blazor-webassembly","component","component-library","components","csharp","hacktoberfest","material","netcore","wasm"],"latest_commit_sha":null,"homepage":"http://mudblazor.com","language":"C#","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MudBlazor.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":"ROADMAP.md","authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"mudblazor","patreon":null,"open_collective":"mudblazor","ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2020-08-18T10:47:27.000Z","updated_at":"2024-10-29T07:56:20.000Z","dependencies_parsed_at":"2024-01-09T09:49:12.324Z","dependency_job_id":"d986f159-2af1-42c7-a2ad-8b3592213e7b","html_url":"https://github.com/MudBlazor/MudBlazor","commit_stats":{"total_commits":5747,"total_committers":434,"mean_commits":"13.241935483870968","dds":0.6987993735862189,"last_synced_commit":"345e484515cd1cc9eb040297a314d4b4cc92bb16"},"previous_names":[],"tags_count":163,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MudBlazor%2FMudBlazor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MudBlazor%2FMudBlazor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MudBlazor%2FMudBlazor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MudBlazor%2FMudBlazor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MudBlazor","download_url":"https://codeload.github.com/MudBlazor/MudBlazor/tar.gz/refs/heads/dev","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246669297,"owners_count":20814791,"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":["blazor","blazor-client","blazor-components","blazor-server","blazor-webassembly","component","component-library","components","csharp","hacktoberfest","material","netcore","wasm"],"created_at":"2024-08-01T14:00:48.042Z","updated_at":"2025-04-04T06:31:40.102Z","avatar_url":"https://github.com/MudBlazor.png","language":"C#","readme":"\u003ch1\u003e\n  \u003cpicture\u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"content/MudBlazor-GitHub-NoBg-Dark.png\"\u003e\n    \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"content/MudBlazor-GitHub-NoBg.png\"\u003e\n    \u003cimg alt=\"MudBlazor\" src=\"content/MudBlazor-GitHub-NoBg.png\"\u003e\n  \u003c/picture\u003e\n\u003c/h1\u003e\n\n# Material Design components for Blazor\n![GitHub Workflow Status](https://img.shields.io/github/actions/workflow/status/mudblazor/mudblazor/build-test-mudblazor.yml?branch=dev\u0026logo=github\u0026style=flat-square)\n[![Codecov](https://img.shields.io/codecov/c/github/MudBlazor/MudBlazor)](https://app.codecov.io/github/MudBlazor/MudBlazor)\n[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=MudBlazor_MudBlazor\u0026metric=alert_status)](https://sonarcloud.io/summary/overall?id=MudBlazor_MudBlazor)\n[![GitHub](https://img.shields.io/github/license/mudblazor/mudblazor?color=594ae2\u0026logo=github\u0026style=flat-square)](https://github.com/mudblazor/MudBlazor/blob/master/LICENSE)\n[![GitHub Repo stars](https://img.shields.io/github/stars/mudblazor/mudblazor?color=594ae2\u0026style=flat-square\u0026logo=github)](https://github.com/mudblazor/MudBlazor/stargazers)\n[![GitHub last commit](https://img.shields.io/github/last-commit/mudblazor/mudblazor?color=594ae2\u0026style=flat-square\u0026logo=github)](https://github.com/mudblazor/mudblazor)\n[![Contributors](https://img.shields.io/github/contributors/mudblazor/mudblazor?color=594ae2\u0026style=flat-square\u0026logo=github)](https://github.com/mudblazor/mudblazor/graphs/contributors)\n[![Discussions](https://img.shields.io/github/discussions/mudblazor/mudblazor?color=594ae2\u0026logo=github\u0026style=flat-square)](https://github.com/mudblazor/mudblazor/discussions)\n[![Discord](https://img.shields.io/discord/786656789310865418?color=%237289da\u0026label=Discord\u0026logo=discord\u0026logoColor=%237289da\u0026style=flat-square)](https://discord.gg/mudblazor)\n[![Twitter](https://img.shields.io/twitter/follow/MudBlazor?color=1DA1F2\u0026label=Twitter\u0026logo=Twitter\u0026style=flat-square)](https://twitter.com/MudBlazor)\n[![NuGet version](https://img.shields.io/nuget/v/MudBlazor?color=ff4081\u0026label=nuget%20version\u0026logo=nuget\u0026style=flat-square)](https://www.nuget.org/packages/MudBlazor/)\n[![NuGet downloads](https://img.shields.io/nuget/dt/MudBlazor?color=ff4081\u0026label=nuget%20downloads\u0026logo=nuget\u0026style=flat-square)](https://www.nuget.org/packages/MudBlazor/)\n\nMudBlazor is an ambitious Material Design component framework for Blazor with an emphasis on ease of use and clear structure. It is perfect for .NET developers who want to rapidly build web applications without having to struggle with CSS and Javascript. MudBlazor, being written entirely in C#, empowers you to adapt, fix or extend the framework. There are plenty of examples in the documentation, which makes understanding and learning MudBlazor very easy.\n\n## Documentation \u0026 Demo\n- [MudBlazor.com](https://mudblazor.com)\n- [Try.MudBlazor.com](https://try.mudblazor.com/)\n\n### Why is MudBlazor so successful?\n- Clean and aesthetic graphic design based on Material Design.\n- Clear and easy to understand structure.\n- Good documentation with many examples and source snippets.\n- All components are written entirely in C#, no JavaScript allowed (except where absolutely necessary).\n- Users can make beautiful apps without needing CSS (but they can of course use CSS too).\n- No dependencies on other component libraries, 100% control over components and features.\n- Stability! We strive for a complete test coverage.\n- Releases often so developers can get their PRs and fixes in a timely fashion.\n\n## Prerequisites\n| MudBlazor | .NET | Support |\n| :--- | :---: | :---: |\n| 1.x.x - 2.0.x | .NET 3.1 | Ended 03/2021 |\n| 5.x.x | .NET 5 | Ended 01/2022 |\n| 6.x.x | [.NET 6](https://dotnet.microsoft.com/download/dotnet/6.0), [.NET 7](https://dotnet.microsoft.com/download/dotnet/7.0), [.NET 8](https://dotnet.microsoft.com/download/dotnet/8.0) | :heavy_check_mark: |\n| 7.x.x | [.NET 7](https://dotnet.microsoft.com/download/dotnet/7.0), [.NET 8](https://dotnet.microsoft.com/download/dotnet/8.0) | :heavy_check_mark: |\n\n:information_source: Currently only interactive rendering modes are supported - [Learn more](https://learn.microsoft.com/aspnet/core/blazor/components/render-modes).\n\n:warning: Blazor only supports [current browser versions](https://learn.microsoft.com/aspnet/core/blazor/supported-platforms).\nTo ensure a seamless experience with MudBlazor, please use an up-to-date web browser.\nIf a browser version is no longer maintained by its publisher, we cannot guarantee compatibility with MudBlazor.\n\n## Stats\n![Alt](https://repobeats.axiom.co/api/embed/db53a44092e88fc34a4c0f37db12773b6787ec7e.svg \"Repobeats analytics image\")\n\n## Contributing\n👋 Thanks for wanting to contribute!  \nContributions from the community are what makes MudBlazor successful.\n\nIf you are familiar with technologies like C#, Blazor, JavaScript, or CSS, and wish to give something back, please consider submitting a pull request!\nWe try to merge all non-breaking bugfixes and will deliberate the value of new features for the community.\nPlease note there is no guarantee your PR will be merged, so if you want to be sure before investing the work, feel free to [contact the team](https://discord.gg/mudblazor) first.\n\nCheck out the [contribution guidelines](/CONTRIBUTING.md) to understand our goals and learn more about the internals of the project.\n\n## Getting Started\nFull installation instructions can be found [on our website](https://mudblazor.com/getting-started/installation).  \nAlternatively use one of our templates from the [MudBlazor.Templates](https://github.com/mudblazor/Templates) repo.\n\n### Quick Installation Guide\nInstall Package\n```\ndotnet add package MudBlazor\n```\nAdd the following to `_Imports.razor`\n```razor\n@using MudBlazor\n```\nAdd the following to the `MainLayout.razor` or `App.razor`\n```razor\n\u003cMudThemeProvider/\u003e\n\u003cMudPopoverProvider/\u003e\n\u003cMudDialogProvider/\u003e\n\u003cMudSnackbarProvider/\u003e\n```\nAdd the following to your HTML `head` section, it's either `index.html` or `_Layout.cshtml`/`_Host.cshtml`/`App.razor` depending on whether you're running WebAssembly or Server\n```razor\n\u003clink href=\"https://fonts.googleapis.com/css?family=Roboto:300,400,500,700\u0026display=swap\" rel=\"stylesheet\" /\u003e\n\u003clink href=\"_content/MudBlazor/MudBlazor.min.css\" rel=\"stylesheet\" /\u003e\n```\nNext, add the following to the default Blazor script at the end of the `body`\n```razor\n\u003cscript src=\"_content/MudBlazor/MudBlazor.min.js\"\u003e\u003c/script\u003e\n```\n\nAdd the following to the relevant sections of `Program.cs`\n```c#\nusing MudBlazor.Services;\n```\n```c#\nbuilder.Services.AddMudServices();\n```\n\n### Usage\n```razor\n\u003cMudText Typo=\"Typo.h6\"\u003eMudBlazor is @Text\u003c/MudText\u003e\n\u003cMudButton Variant=\"Variant.Filled\" Color=\"Color.Primary\" OnClick=\"ButtonOnClick\"\u003e@ButtonText\u003c/MudButton\u003e\n\n@code {\n  public string Text { get; set; } = \"????\";\n  public string ButtonText { get; set; } = \"Click Me\";\n  public int ButtonClicked { get; set; }\n\n  void ButtonOnClick()\n  {\n      ButtonClicked += 1;\n      Text = $\"Awesome x {ButtonClicked}\";\n      ButtonText = \"Click Me Again\";\n  }\n}\n```\n","funding_links":["https://github.com/sponsors/mudblazor","https://opencollective.com/mudblazor"],"categories":["C#","C\\#","Blazor","Libraries \u0026 Extensions","hacktoberfest","C# #","前端开发框架及项目"],"sub_categories":["Component bundles","前端项目_其他"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMudBlazor%2FMudBlazor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FMudBlazor%2FMudBlazor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FMudBlazor%2FMudBlazor/lists"}