MudBlazor 8.6.0

Prefix Reserved
dotnet add package MudBlazor --version 8.6.0
                    
NuGet\Install-Package MudBlazor -Version 8.6.0
                    
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="MudBlazor" Version="8.6.0" />
                    
For projects that support PackageReference, copy this XML node into the project file to reference the package.
<PackageVersion Include="MudBlazor" Version="8.6.0" />
                    
Directory.Packages.props
<PackageReference Include="MudBlazor" />
                    
Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package.
paket add MudBlazor --version 8.6.0
                    
#r "nuget: MudBlazor, 8.6.0"
                    
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
#addin nuget:?package=MudBlazor&version=8.6.0
                    
Install MudBlazor as a Cake Addin
#tool nuget:?package=MudBlazor&version=8.6.0
                    
Install MudBlazor as a Cake Tool

<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

GitHub Workflow Status Codecov Quality Gate Status GitHub GitHub Repo stars GitHub last commit Contributors Discussions Discord Twitter NuGet version NuGet downloads

MudBlazor 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.

📘 Documentation & Demo

💎 Why is MudBlazor so successful?

  • Aesthetic design that follows Material Design principles.
  • Intuitive, consistent component structure.
  • Rich documentation with tons of examples and code snippets.
  • Fully written in C# with minimal JavaScript.
  • Build beautiful UIs without CSS (but fully customizable when needed).
  • No third-party component dependencies – maximum flexibility.
  • Strive for stability with extensive test coverage.
  • Frequent releases so devs get their fixes and features fast.

⚙️ Prerequisites

MudBlazor .NET Support
1.x.x - 2.0.x .NET 3.1 Ended 03/2021
5.x.x .NET 5 Ended 01/2022
6.x.x .NET 6, .NET 7, .NET 8 Ended 01/2025
7.x.x .NET 7, .NET 8 Limited
8.x.x .NET 8, .NET 9 ✔️

Upgrading? Check our Migration Guide for help with breaking changes.

  1. Static rendering is not supported - Learn more.
  2. Older browsers may not be supported. Use a modern, up-to-date browser - Blazor supported platforms.

📊 Repo Stats

Alt

🤝 Contributing

Thanks for wanting to contribute! 👋
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 first to get feedback before diving in.

📚 Check out our contribution guidelines to get started and learn more about how the project works.

🚀 Getting Started

We have ready-to-go templates at the MudBlazor.Templates repository, or follow the quick install guide to set things up manually:

🛠️ Quick Install

Install Package:

dotnet add package MudBlazor

Add to _Imports.razor:

@using MudBlazor

Add to the MainLayout.razor or App.razor:

<MudThemeProvider/>
<MudPopoverProvider/>
<MudDialogProvider/>
<MudSnackbarProvider/>

Add to your HTML head section:

<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" />

It's either index.html or _Layout.cshtml/_Host.cshtml/App.razor depending on whether you're running WebAssembly or Server.

Next, 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();

🔗 Full Setup Guide

For more details, see the complete installation guide on our website.

💻 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";
    }
}
Product 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. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (232)

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.

FenixAlliance.ACL.Dependencies

Application Component for the Alliance Business Suite.

CodeBeam.MudBlazor.Extensions

MudBlazor extension components from contributors. Includes 30+ components and utilities.

MudBlazor.Markdown

Markdown component for MudBlazor (https://mudblazor.com/)

Blauhaus.EVACS.Admin.Blazor

Package Description

GitHub repositories (63)

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
EventStoreDB, the event-native database. Designed for Event Sourcing, Event-Driven, and Microservices architectures
fullstackhero/blazor-starter-kit
Clean Architecture Template for Blazor WebAssembly Built with MudBlazor Components.
dotnet/samples
Sample code referenced by the .NET documentation
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
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.
ErsatzTV/ErsatzTV
Stream custom live channels using your own media
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.6.0 141,111 4/29/2025
8.5.1 224,701 3/31/2025
8.5.0 11,816 3/30/2025
8.3.0 245,720 2/23/2025
8.2.0 215,143 2/1/2025
8.0.0 140,220 1/18/2025
8.0.0-rc.2 5,943 1/9/2025
8.0.0-preview.7 4,817 12/26/2024
8.0.0-preview.6 2,468 12/17/2024
8.0.0-preview.5 8,463 11/22/2024
8.0.0-preview.4 11,254 10/30/2024
8.0.0-preview.3 691 10/28/2024
8.0.0-preview.2 764 10/22/2024
8.0.0-preview.1 2,336 10/13/2024
7.16.0 106,313 1/17/2025
7.15.0 716,014 10/29/2024
7.14.0 126,468 10/22/2024
7.13.0 120,002 10/17/2024
7.12.1 34,645 10/14/2024
7.12.0 8,879 10/14/2024
7.11.0 23,250 10/12/2024
7.10.0 15,340 10/11/2024
7.9.0 22,858 10/10/2024
7.8.0 380,969 9/6/2024
7.7.0 59,521 9/2/2024
7.6.0 289,217 8/6/2024
7.5.0 65,268 7/31/2024
7.4.0 72,110 7/23/2024
7.3.0 102,098 7/17/2024
7.2.0 26,689 7/15/2024
7.1.1 25,620 7/11/2024
7.1.0 12,169 7/10/2024
7.0.0 110,621 6/29/2024
7.0.0-rc.2 3,834 6/21/2024
7.0.0-rc.1 18,886 6/10/2024
7.0.0-preview.4 4,209 5/27/2024
7.0.0-preview.3 4,643 5/14/2024
7.0.0-preview.2 790 5/9/2024
7.0.0-preview.1 2,452 5/1/2024
6.21.0 336,058 7/6/2024
6.20.0 558,386 6/3/2024
6.19.1 990,206 3/22/2024
6.19.0 6,533 3/22/2024
6.18.0 50,262 3/20/2024
6.17.0 224,785 3/4/2024
6.16.0 204,897 2/19/2024
6.15.0 326,235 1/30/2024
6.14.0 117,073 1/22/2024
6.12.0 341,293 1/2/2024
6.11.2 216,664 12/18/2023
6.11.1 354,944 11/21/2023
6.11.0 505,562 10/8/2023
6.10.0 211,710 9/14/2023
6.9.0 228,751 8/18/2023
6.8.0 174,978 8/2/2023
6.7.0 257,706 7/10/2023
6.6.0 86,666 6/29/2023
6.5.0 55,902 6/24/2023
6.4.1 137,597 6/8/2023
6.4.0 8,875 6/7/2023
6.3.1 90,317 5/27/2023
6.3.0 58,165 5/24/2023
6.2.5 63,798 5/17/2023
6.2.3 143,175 5/3/2023
6.2.2 217,954 4/13/2023
6.2.1 48,858 4/12/2023
6.2.1-dev3 2,301 4/4/2023
6.2.1-dev2 1,796 3/30/2023
6.2.0 323,199 3/15/2023
6.1.10-dev1 3,864 3/2/2023
6.1.9 422,150 2/15/2023
6.1.8 192,935 1/27/2023
6.1.7 255,123 1/2/2023
6.1.6 78,905 12/18/2022
6.1.5 71,923 12/11/2022
6.1.4 74,545 12/5/2022
6.1.3-dev.1 2,581 11/22/2022
6.1.2 220,290 11/14/2022
6.1.0 70,830 11/13/2022
6.0.19-dev3 1,694 11/11/2022
6.0.19-dev1 2,536 11/10/2022
6.0.18 56,220 11/9/2022
6.0.17 209,347 10/10/2022
6.0.17-dev.1 4,035 9/22/2022
6.0.16 162,090 9/21/2022
6.0.15 272,723 8/31/2022
6.0.14 316,461 7/28/2022
6.0.13 104,709 7/26/2022
6.0.12 122,301 7/18/2022
6.0.11 259,593 7/1/2022
6.0.11-dev.4 7,507 5/30/2022
6.0.11-dev.3 1,348 5/24/2022
6.0.11-dev.2 541 5/21/2022
6.0.11-dev.1 854 5/20/2022
6.0.10 802,386 5/3/2022
6.0.10-dev.5 943 4/24/2022
6.0.10-dev.4 691 4/21/2022
6.0.10-dev.3 2,014 4/19/2022
6.0.10-dev.2 1,924 4/6/2022
6.0.10-dev.1 384 4/5/2022
6.0.9 242,350 3/29/2022
6.0.8 14,044 3/27/2022
6.0.7 270,947 2/25/2022
6.0.6 467,220 2/3/2022
6.0.5 84,484 1/17/2022
6.0.4 35,044 1/3/2022
6.0.3 3,951 12/31/2021
6.0.2 246,096 11/9/2021
5.2.5 26,859 9/29/2022
5.2.4 60,974 1/7/2022
5.2.0 89,275 10/31/2021
5.1.5 82,693 9/27/2021
5.1.4 58,875 9/13/2021
5.1.3 27,464 9/6/2021
5.1.2 21,612 8/24/2021
5.1.1 11,322 8/20/2021
5.1.0 74,261 7/27/2021
5.0.15 53,613 6/28/2021
5.0.14 42,834 6/21/2021
5.0.13 14,380 6/15/2021
5.0.11 15,882 6/7/2021
5.0.10 20,729 5/24/2021
5.0.9 20,618 5/17/2021
5.0.8 20,738 4/25/2021
5.0.7 30,403 3/29/2021
5.0.6 13,598 3/16/2021
5.0.5 14,169 3/8/2021
5.0.3 10,921 3/1/2021
5.0.2 7,031 2/21/2021
5.0.1 10,323 2/10/2021
5.0.0 7,987 2/6/2021
2.0.7 51,125 3/29/2021
2.0.6 4,098 3/16/2021
2.0.5 2,752 3/8/2021
2.0.4 2,181 3/8/2021
2.0.3 2,183 3/1/2021
2.0.2 2,342 2/21/2021
2.0.0 7,697 2/5/2021
1.2.4 14,104 12/30/2020
1.2.1 4,039 12/17/2020
1.2.0 3,238 12/7/2020
1.1.5 4,300 11/29/2020
1.1.4 2,569 11/23/2020
1.1.3 9,304 11/16/2020
1.1.2 2,131 11/11/2020
1.1.1 2,195 11/5/2020
1.1.0 2,017 11/2/2020
1.0.9 2,172 10/26/2020
1.0.8 2,023 10/23/2020
1.0.7 1,916 10/18/2020
1.0.6 1,890 10/11/2020
1.0.5 1,991 10/8/2020
1.0.4 1,955 10/2/2020
1.0.3 2,081 9/20/2020
1.0.2 2,042 9/20/2020
1.0.1 1,949 9/11/2020
1.0.0 14,373 9/11/2020