MudBlazor 8.10.0
Prefix Reserveddotnet add package MudBlazor --version 8.10.0
NuGet\Install-Package MudBlazor -Version 8.10.0
<PackageReference Include="MudBlazor" Version="8.10.0" />
<PackageVersion Include="MudBlazor" Version="8.10.0" />
<PackageReference Include="MudBlazor" />
paket add MudBlazor --version 8.10.0
#r "nuget: MudBlazor, 8.10.0"
#:package MudBlazor@8.10.0
#addin nuget:?package=MudBlazor&version=8.10.0
#tool nuget:?package=MudBlazor&version=8.10.0
<h1> <picture> <source media="(prefers-color-scheme: dark)" srcset="content/MudBlazor-GitHub-NoBg-Dark.png"> <source media="(prefers-color-scheme: light)" srcset="content/MudBlazor-GitHub-NoBg.png"> <img alt="MudBlazor" src="content/MudBlazor-GitHub-NoBg.png"> </picture> </h1>
Material Design components for Blazor
MudBlazor is an ambitious Material Design component library for Blazor. Accelerate your web application development and build intuitive user interfaces, leveraging the full power of C# to adapt and extend this open-source framework.
🌐 Documentation ⚡ Interactive Playground
💎 Why Choose MudBlazor?
🎨 Beautiful Material Design components.
💻 Fully written in C# with minimal JavaScript.
📖 Rich documentation with extensive examples.
📦 No third-party dependencies for maximum flexibility.
✅ Extensive test coverage for stability.
📊 Repo Stats
🚀 Getting Started
We have ready-to-go templates at the Templates repository, or follow the quick install guide below:
Installation
Install Package:
dotnet add package MudBlazor
Add to _Imports.razor
:
@using MudBlazor
Add to MainLayout.razor
or App.razor
:
<MudThemeProvider/>
<MudPopoverProvider/>
<MudDialogProvider/>
<MudSnackbarProvider/>
Add to your HTML head
section (index.html
/_Layout.cshtml
/_Host.cshtml
/App.razor
):
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
<link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
Add to the default Blazor script at the end of the body
:
<script src="_content/MudBlazor/MudBlazor.min.js"></script>
Add to the relevant sections of Program.cs
:
using MudBlazor.Services;
builder.Services.AddMudServices();
Example Usage
<MudText Typo="Typo.h6">
MudBlazor is @Text
</MudText>
<MudButton Variant="Variant.Filled"
Color="Color.Primary"
OnClick="ButtonOnClick">
@ButtonText
</MudButton>
@code {
string Text { get; set; } = "????";
string ButtonText { get; set; } = "Click Me";
int ClickCount { get; set; }
void ButtonOnClick()
{
ClickCount += 1;
Text = $"Awesome x {ClickCount}";
ButtonText = "Click Me Again";
}
}
For more details, see the complete installation guide on our website.
🤝 Contributing
Contributions from the community are what makes MudBlazor successful.
If you're comfortable with C#, Blazor, JavaScript, or CSS, we'd love your help!
Whether it's fixing bugs, adding features, or improving documentation, every contribution counts.
We aim to review and merge non-breaking pull requests quickly.
For larger features or changes, feel free to chat with us on Discord to get feedback before diving in.
📚 Check out our contribution guidelines to get started and learn more about how the project works.
✅ If a PR fixes something you reported, locally test a preview version to ensure your app works as expected.
⚙️ Version Support
MudBlazor | .NET | Support |
---|---|---|
5.x.x | .NET 5 | Ended (Jan 2022) |
6.x.x | .NET 6, .NET 7, .NET 8 | Ended (Jan 2025) |
7.x.x | .NET 7, .NET 8 | Limited Support |
8.x.x | .NET 8, .NET 9 | ✔️ Full Support |
Upgrading? Check our Migration Guide for help with breaking changes.
- Static rendering is not supported - Learn more.
- Older browsers may not be supported. Use a modern, up-to-date browser - Blazor supported platforms.
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. net9.0 is compatible. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 was computed. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
-
net8.0
- Microsoft.AspNetCore.Components (>= 8.0.12)
- Microsoft.AspNetCore.Components.Web (>= 8.0.12)
- Microsoft.Extensions.Localization (>= 8.0.12)
-
net9.0
- Microsoft.AspNetCore.Components (>= 9.0.1)
- Microsoft.AspNetCore.Components.Web (>= 9.0.1)
- Microsoft.Extensions.Localization (>= 9.0.1)
NuGet packages (220)
Showing the top 5 NuGet packages that depend on MudBlazor:
Package | Downloads |
---|---|
MudBlazor.ThemeManager
ThemeManager component for MudBlazor to design, test or do live changes to Mudblazor themes. |
|
CodeBeam.MudBlazor.Extensions
MudBlazor extension components from contributors. Includes 30+ components and utilities. |
|
FenixAlliance.ACL.Dependencies
Application Component for the Alliance Business Suite. |
|
MudBlazor.Markdown
Markdown component for MudBlazor (https://mudblazor.com/) |
|
Blauhaus.EVACS.Admin.Blazor
Package Description |
GitHub repositories (65)
Showing the top 20 popular GitHub repositories that depend on MudBlazor:
Repository | Stars |
---|---|
fullstackhero/dotnet-starter-kit
Production Grade Cloud-Ready .NET 9 Starter Kit (Web API + Blazor Client) with Multitenancy Support, and Clean/Modular Architecture that saves roughly 200+ Development Hours! All Batteries Included.
|
|
kurrent-io/KurrentDB
KurrentDB is a database that's engineered for modern software applications and event-driven architectures. Its event-native design simplifies data modeling and preserves data integrity while the integrated streaming engine solves distributed messaging challenges and ensures data consistency.
|
|
dotnet/samples
Sample code referenced by the .NET documentation
|
|
fullstackhero/blazor-starter-kit
Clean Architecture Template for Blazor WebAssembly Built with MudBlazor Components.
|
|
Nethereum/Nethereum
Ethereum .Net cross platform integration library
|
|
enkodellc/blazorboilerplate
Blazor Boilerplate / Starter Template with MudBlazor
|
|
asynkron/protoactor-dotnet
Proto Actor - Ultra fast distributed actors for Go, C# and Java/Kotlin
|
|
oleg-shilo/cs-script
C# scripting platform
|
|
ErsatzTV/ErsatzTV
Stream custom live channels using your own media
|
|
Webreaper/Damselfly
Damselfly is a server-based Photograph Management app. The goal of Damselfly is to index an extremely large collection of images, and allow easy search and retrieval of those images, using metadata such as the IPTC keyword tags, as well as the folder and file names. Damselfly includes support for object/face detection.
|
|
abpframework/abp-samples
Sample solutions built with the ABP Framework
|
|
neozhu/CleanArchitectureWithBlazorServer
This is a repository for creating a Blazor Server dashboard application following the principles of Clean Architecture
|
|
DragoQCC/CrucibleC2
A C# Command & Control framework
|
|
TheAxelander/OpenBudgeteer
OpenBudgeteer is a budgeting app based on the Bucket Budgeting Principle
|
|
Azure-Samples/azure-search-openai-demo-csharp
A sample app for the Retrieval-Augmented Generation pattern running in Azure, using Azure Cognitive Search for retrieval and Azure OpenAI large language models to power ChatGPT-style and Q&A experiences.
|
|
supabase-community/supabase-csharp
A C# Client library for Supabase
|
|
RatScanner/RatScanner
Rat Scanner a helpful tool for Escape from Tarkov.
|
|
petabridge/akkadotnet-code-samples
Akka.NET professional reference code samples
|
|
fullstackhero/blazor-wasm-boilerplate
Clean Architecture Boilerplate Template for .NET 6.0 Blazor WebAssembly built for FSH WebAPI with the goodness of MudBlazor Components.
|
|
CodeBeamOrg/CodeBeam.MudBlazor.Extensions
Useful third party extension components for MudBlazor, from the contributors.
|
Version | Downloads | Last Updated |
---|---|---|
8.10.0 | 4,658 | 7/19/2025 |
8.9.0 | 65,333 | 7/1/2025 |
8.8.0 | 96,400 | 6/17/2025 |
8.7.0 | 159,133 | 5/30/2025 |
8.6.0 | 336,939 | 4/29/2025 |
8.5.1 | 305,139 | 3/31/2025 |
8.5.0 | 19,030 | 3/30/2025 |
8.3.0 | 314,800 | 2/23/2025 |
8.2.0 | 265,245 | 2/1/2025 |
8.0.0 | 209,222 | 1/18/2025 |
8.0.0-rc.2 | 6,321 | 1/9/2025 |
8.0.0-preview.7 | 4,962 | 12/26/2024 |
8.0.0-preview.6 | 2,579 | 12/17/2024 |
8.0.0-preview.5 | 8,818 | 11/22/2024 |
8.0.0-preview.4 | 11,892 | 10/30/2024 |
8.0.0-preview.3 | 752 | 10/28/2024 |
8.0.0-preview.2 | 802 | 10/22/2024 |
8.0.0-preview.1 | 2,383 | 10/13/2024 |
7.16.0 | 145,608 | 1/17/2025 |
7.15.0 | 797,279 | 10/29/2024 |
7.14.0 | 133,463 | 10/22/2024 |
7.13.0 | 141,645 | 10/17/2024 |
7.12.1 | 36,136 | 10/14/2024 |
7.12.0 | 9,783 | 10/14/2024 |
7.11.0 | 24,183 | 10/12/2024 |
7.10.0 | 16,521 | 10/11/2024 |
7.9.0 | 23,657 | 10/10/2024 |
7.8.0 | 409,948 | 9/6/2024 |
7.7.0 | 64,313 | 9/2/2024 |
7.6.0 | 307,682 | 8/6/2024 |
7.5.0 | 68,557 | 7/31/2024 |
7.4.0 | 76,201 | 7/23/2024 |
7.3.0 | 108,680 | 7/17/2024 |
7.2.0 | 28,389 | 7/15/2024 |
7.1.1 | 26,725 | 7/11/2024 |
7.1.0 | 13,053 | 7/10/2024 |
7.0.0 | 122,325 | 6/29/2024 |
7.0.0-rc.2 | 4,036 | 6/21/2024 |
7.0.0-rc.1 | 18,927 | 6/10/2024 |
7.0.0-preview.4 | 4,280 | 5/27/2024 |
7.0.0-preview.3 | 4,908 | 5/14/2024 |
7.0.0-preview.2 | 825 | 5/9/2024 |
7.0.0-preview.1 | 2,538 | 5/1/2024 |
6.21.0 | 374,065 | 7/6/2024 |
6.20.0 | 603,894 | 6/3/2024 |
6.19.1 | 1,030,392 | 3/22/2024 |
6.19.0 | 7,067 | 3/22/2024 |
6.18.0 | 51,615 | 3/20/2024 |
6.17.0 | 233,510 | 3/4/2024 |
6.16.0 | 212,455 | 2/19/2024 |
6.15.0 | 337,432 | 1/30/2024 |
6.14.0 | 121,219 | 1/22/2024 |
6.12.0 | 353,258 | 1/2/2024 |
6.11.2 | 227,805 | 12/18/2023 |
6.11.1 | 362,161 | 11/21/2023 |
6.11.0 | 515,442 | 10/8/2023 |
6.10.0 | 215,745 | 9/14/2023 |
6.9.0 | 232,146 | 8/18/2023 |
6.8.0 | 180,946 | 8/2/2023 |
6.7.0 | 280,576 | 7/10/2023 |
6.6.0 | 87,346 | 6/29/2023 |
6.5.0 | 57,387 | 6/24/2023 |
6.4.1 | 138,546 | 6/8/2023 |
6.4.0 | 9,012 | 6/7/2023 |
6.3.1 | 91,550 | 5/27/2023 |
6.3.0 | 58,309 | 5/24/2023 |
6.2.5 | 64,176 | 5/17/2023 |
6.2.3 | 145,509 | 5/3/2023 |
6.2.2 | 222,930 | 4/13/2023 |
6.2.1 | 50,357 | 4/12/2023 |
6.2.1-dev3 | 2,336 | 4/4/2023 |
6.2.1-dev2 | 1,837 | 3/30/2023 |
6.2.0 | 328,150 | 3/15/2023 |
6.1.10-dev1 | 3,900 | 3/2/2023 |
6.1.9 | 427,954 | 2/15/2023 |
6.1.8 | 194,441 | 1/27/2023 |
6.1.7 | 256,792 | 1/2/2023 |
6.1.6 | 79,620 | 12/18/2022 |
6.1.5 | 72,197 | 12/11/2022 |
6.1.4 | 75,309 | 12/5/2022 |
6.1.3-dev.1 | 2,630 | 11/22/2022 |
6.1.2 | 227,109 | 11/14/2022 |
6.1.0 | 71,469 | 11/13/2022 |
6.0.19-dev3 | 1,730 | 11/11/2022 |
6.0.19-dev1 | 2,578 | 11/10/2022 |
6.0.18 | 64,645 | 11/9/2022 |
6.0.17 | 211,847 | 10/10/2022 |
6.0.17-dev.1 | 4,092 | 9/22/2022 |
6.0.16 | 162,825 | 9/21/2022 |
6.0.15 | 275,708 | 8/31/2022 |
6.0.14 | 317,322 | 7/28/2022 |
6.0.13 | 105,588 | 7/26/2022 |
6.0.12 | 122,621 | 7/18/2022 |
6.0.11 | 260,561 | 7/1/2022 |
6.0.11-dev.4 | 7,553 | 5/30/2022 |
6.0.11-dev.3 | 1,394 | 5/24/2022 |
6.0.11-dev.2 | 587 | 5/21/2022 |
6.0.11-dev.1 | 894 | 5/20/2022 |
6.0.10 | 807,171 | 5/3/2022 |
6.0.10-dev.5 | 989 | 4/24/2022 |
6.0.10-dev.4 | 743 | 4/21/2022 |
6.0.10-dev.3 | 2,062 | 4/19/2022 |
6.0.10-dev.2 | 1,968 | 4/6/2022 |
6.0.10-dev.1 | 422 | 4/5/2022 |
6.0.9 | 246,830 | 3/29/2022 |
6.0.8 | 14,100 | 3/27/2022 |
6.0.7 | 276,987 | 2/25/2022 |
6.0.6 | 472,448 | 2/3/2022 |
6.0.5 | 84,771 | 1/17/2022 |
6.0.4 | 35,124 | 1/3/2022 |
6.0.3 | 3,996 | 12/31/2021 |
6.0.2 | 247,689 | 11/9/2021 |
5.2.5 | 27,268 | 9/29/2022 |
5.2.4 | 61,236 | 1/7/2022 |
5.2.0 | 90,043 | 10/31/2021 |
5.1.5 | 89,430 | 9/27/2021 |
5.1.4 | 59,003 | 9/13/2021 |
5.1.3 | 27,531 | 9/6/2021 |
5.1.2 | 21,740 | 8/24/2021 |
5.1.1 | 11,385 | 8/20/2021 |
5.1.0 | 77,749 | 7/27/2021 |
5.0.15 | 55,750 | 6/28/2021 |
5.0.14 | 43,397 | 6/21/2021 |
5.0.13 | 14,448 | 6/15/2021 |
5.0.11 | 15,972 | 6/7/2021 |
5.0.10 | 20,833 | 5/24/2021 |
5.0.9 | 20,975 | 5/17/2021 |
5.0.8 | 21,191 | 4/25/2021 |
5.0.7 | 31,414 | 3/29/2021 |
5.0.6 | 16,434 | 3/16/2021 |
5.0.5 | 14,234 | 3/8/2021 |
5.0.3 | 11,336 | 3/1/2021 |
5.0.2 | 7,081 | 2/21/2021 |
5.0.1 | 10,524 | 2/10/2021 |
5.0.0 | 8,152 | 2/6/2021 |
2.0.7 | 51,966 | 3/29/2021 |
2.0.6 | 4,148 | 3/16/2021 |
2.0.5 | 2,794 | 3/8/2021 |
2.0.4 | 2,223 | 3/8/2021 |
2.0.3 | 2,231 | 3/1/2021 |
2.0.2 | 2,386 | 2/21/2021 |
2.0.0 | 7,747 | 2/5/2021 |
1.2.4 | 14,453 | 12/30/2020 |
1.2.1 | 4,270 | 12/17/2020 |
1.2.0 | 3,299 | 12/7/2020 |
1.1.5 | 4,348 | 11/29/2020 |
1.1.4 | 2,630 | 11/23/2020 |
1.1.3 | 9,374 | 11/16/2020 |
1.1.2 | 2,180 | 11/11/2020 |
1.1.1 | 2,242 | 11/5/2020 |
1.1.0 | 2,068 | 11/2/2020 |
1.0.9 | 2,231 | 10/26/2020 |
1.0.8 | 2,072 | 10/23/2020 |
1.0.7 | 1,970 | 10/18/2020 |
1.0.6 | 1,940 | 10/11/2020 |
1.0.5 | 2,041 | 10/8/2020 |
1.0.4 | 2,005 | 10/2/2020 |
1.0.3 | 2,128 | 9/20/2020 |
1.0.2 | 2,095 | 9/20/2020 |
1.0.1 | 2,000 | 9/11/2020 |
1.0.0 | 15,783 | 9/11/2020 |