{"id":15092978,"url":"https://github.com/mudblazor/mudblazor","last_synced_at":"2026-02-20T01:03:29.581Z","repository":{"id":36999558,"uuid":"288428676","full_name":"MudBlazor/MudBlazor","owner":"MudBlazor","description":"Blazor Component Library based on Material Design principles with an emphasis on ease of use and extensibility","archived":false,"fork":false,"pushed_at":"2025-05-07T17:43:22.000Z","size":38254,"stargazers_count":9005,"open_issues_count":1463,"forks_count":1416,"subscribers_count":107,"default_branch":"dev","last_synced_at":"2025-05-07T23:38:28.616Z","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,"zenodo":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":"2025-05-07T23:29:12.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":177,"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":254249198,"owners_count":22039029,"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-09-25T11:02:26.400Z","updated_at":"2026-02-20T01:03:29.575Z","avatar_url":"https://github.com/MudBlazor.png","language":"C#","readme":"# ![MudBlazor Logo](content/MudBlazor-GitHub-NoBg-Dark.png)\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[![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[![Codecov](https://img.shields.io/codecov/c/github/MudBlazor/MudBlazor)](https://app.codecov.io/github/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[![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\nBuild stunning, interactive web applications with MudBlazor — the open-source Material Design library for Blazor.\n\n**🌐 [Documentation](https://mudblazor.com/docs/overview) ⚡ [Interactive Playground](https://try.mudblazor.com)**\n\n## 💎 Why Choose MudBlazor?\n\n📖 Comprehensive documentation and examples  \n🎨 Beautiful Material Design components  \n💻 Write in C# with minimal JavaScript  \n✅ Extensive test coverage  \n\n## 📊 Repo Stats\n\n![Repobeats analytics image](https://repobeats.axiom.co/api/embed/db53a44092e88fc34a4c0f37db12773b6787ec7e.svg)\n\n## 🚀 Getting Started\n\nUse one of our [templates](https://github.com/MudBlazor/Templates), or follow the quick install guide below:\n\n### Installation\n\nInstall Package:\n\n```bash\ndotnet add package MudBlazor\n```\n\nAdd to `_Imports.razor`:\n\n```razor\n@using MudBlazor\n```\n\nAdd to `MainLayout.razor` or `App.razor`:\n\n```razor\n\u003cMudThemeProvider/\u003e\n\u003cMudPopoverProvider/\u003e\n\u003cMudDialogProvider/\u003e\n\u003cMudSnackbarProvider/\u003e\n```\n\nAdd to HTML `head` section (`index.html`/`_Layout.cshtml`/`_Host.cshtml`/`App.razor`):\n\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```\n\nAdd to the default Blazor script at the end of the HTML `body` section:\n\n```razor\n\u003cscript src=\"_content/MudBlazor/MudBlazor.min.js\"\u003e\u003c/script\u003e\n```\n\nAdd to `Program.cs`:\n\n```c#\nusing MudBlazor.Services;\n```\n\n```c#\nbuilder.Services.AddMudServices();\n```\n\n### Example Usage\n\n```razor\n\u003cMudText Typo=\"Typo.h6\"\u003e\n    MudBlazor is @Text\n\u003c/MudText\u003e\n\n\u003cMudButton Variant=\"Variant.Filled\" \n           Color=\"Color.Primary\" \n           OnClick=\"ButtonOnClick\"\u003e\n    @ButtonText\n\u003c/MudButton\u003e\n\n@code {\n    string Text { get; set; } = \"????\";\n    string ButtonText { get; set; } = \"Click Me\";\n    int ClickCount { get; set; }\n\n    void ButtonOnClick()\n    {\n        ClickCount += 1;\n        Text = $\"Awesome x {ClickCount}\";\n        ButtonText = \"Click Me Again\";\n    }\n}\n```\n\nFor more details, see the [full installation guide](https://mudblazor.com/getting-started/installation).\n\n## 🤝 Contributing\n\nContributions from the community are what make MudBlazor successful.  \n\n💬 Feel free to chat with us [on Discord](https://discord.gg/mudblazor) to get feedback before diving in.  \n📚 Check out our [contribution guidelines](/CONTRIBUTING.md) to get started and learn more about how the project works.  \n🧪 If a PR fixes something you reported, [locally test it](https://github.com/MudBlazor/MudBlazor/discussions/12085) to ensure your app works as expected.\n\n## ⚙️ Version Support\n\n| MudBlazor | .NET | Support |\n| :--- | :---: | :---: |\n| 5.x.x | .NET 5 | Ended Jan 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) | Ended Jan 2025 |\n| 7.x.x | [.NET 7](https://dotnet.microsoft.com/download/dotnet/7.0), [.NET 8](https://dotnet.microsoft.com/download/dotnet/8.0) | Ended Jan 2026 |\n| 8.x.x | [.NET 8](https://dotnet.microsoft.com/download/dotnet/8.0), [.NET 9](https://dotnet.microsoft.com/download/dotnet/9.0) | Limited Support |\n| 9.x.x | [.NET 8](https://dotnet.microsoft.com/download/dotnet/8.0), [.NET 9](https://dotnet.microsoft.com/download/dotnet/9.0), [.NET 10](https://dotnet.microsoft.com/download/dotnet/10.0) | ✅ Full Support |\n\n\u003e [!NOTE]\n\u003e 1. Upgrading? Check our [Migration Guide](https://github.com/MudBlazor/MudBlazor/discussions/12086) for help with breaking changes.  \n\u003e 2. Static rendering is not supported. [Learn more](https://learn.microsoft.com/aspnet/core/blazor/components/render-modes)\n\u003e 3. Use an up-to-date browser. [Blazor supported platforms](https://learn.microsoft.com/aspnet/core/blazor/supported-platforms)\n\u003e 4. Want to test the latest features? Learn about our [nightly builds](https://github.com/MudBlazor/MudBlazor/discussions/12621)!\n","funding_links":["https://github.com/sponsors/mudblazor","https://opencollective.com/mudblazor"],"categories":[],"sub_categories":[],"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"}