MudBlazor 9.1.0
Material Design components for Blazor
Build stunning, interactive web applications with MudBlazor โ the open-source Material Design library for Blazor.
๐ Documentation โก Interactive Playground
๐ Why Choose MudBlazor?
๐ Comprehensive documentation and examples
๐จ Beautiful Material Design components
๐ป Write in C# with minimal JavaScript
โ
Extensive test coverage
๐ Repo Stats
๐ Getting Started
Use one of our templates, 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 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 HTML body section:
<script src="_content/MudBlazor/MudBlazor.min.js"></script>
Add to 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 full installation guide.
๐ค Contributing
Contributions from the community are what make MudBlazor successful.
๐ฌ 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 it 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 | Ended Jan 2026 |
| 8.x.x | .NET 8, .NET 9 | Limited Support |
| 9.x.x | .NET 8, .NET 9, .NET 10 | โ Full Support |
Note
- Upgrading? Check our Migration Guide for help with breaking changes.
- Static rendering is not supported. Learn more
- Use an up-to-date browser. Blazor supported platforms
- Want to test the latest features? Learn about our nightly builds!
Showing the top 20 packages that depend on MudBlazor.
| Packages | Downloads |
|---|---|
|
MudBlazor.Markdown
Markdown component for MudBlazor (https://mudblazor.com/)
|
130 |
|
ModelingEvolution.Ide.Blazor
Package Description
|
98 |
|
ModelingEvolution.Ide.Blazor
Package Description
|
37 |
|
ModelingEvolution.FloatingWindow
Floating draggable window component for Blazor using MudBlazor. Supports service-based pattern similar to MudDialog.
|
36 |
|
ModelingEvolution.Blazor.LogViewer
Reusable Blazor component for viewing logs from processes and Docker containers in real-time using XtermBlazor terminal.
|
34 |
|
ModelingEvolution.FileSystem.Blazor
Blazor FileExplorer component with MudBlazor for browsing local file systems. Uses IFileSystem abstraction for all operations.
|
28 |
|
ModelingEvolution.Blazor.LogViewer
Reusable Blazor component for viewing logs from processes and Docker containers in real-time using XtermBlazor terminal.
|
22 |
|
ModelingEvolution.FileSystem.Blazor
Blazor FileExplorer component with MudBlazor for browsing local file systems. Uses IFileSystem abstraction for all operations.
|
14 |
|
ModelingEvolution.Controls.Blazor.HistogramControl
HistogramControl
|
3 |
|
ModelingEvolution.Controls.Blazor.ResizableControl
Resizable
|
3 |
|
ModelingEvolution.Controls.Blazor.SvgCanvasControl
SvgCanvasControl
|
3 |
|
MudBlazor.Markdown
Markdown component for MudBlazor (https://mudblazor.com/)
|
3 |
|
MicroPlumberd.Services.Cron.Ui
CQRS/EventSourcing made eXtreamly simple. Application-Layer: Command-Handlers, Command-Bus
|
1 |
.NET 8.0
- Microsoft.AspNetCore.Components (>= 8.0.12)
- Microsoft.AspNetCore.Components.Web (>= 8.0.12)
- Microsoft.Extensions.Localization (>= 8.0.12)
.NET 9.0
- Microsoft.AspNetCore.Components (>= 9.0.1)
- Microsoft.AspNetCore.Components.Web (>= 9.0.1)
- Microsoft.Extensions.Localization (>= 9.0.1)
.NET 10.0
- Microsoft.AspNetCore.Components (>= 10.0.1)
- Microsoft.AspNetCore.Components.Web (>= 10.0.1)
- Microsoft.Extensions.Localization (>= 10.0.1)
| Version | Downloads | Last updated |
|---|---|---|
| 9.1.0 | 1 | 03/05/2026 |
| 9.0.0 | 1 | 03/01/2026 |
| 9.0.0-rc.1 | 1 | 02/19/2026 |
| 9.0.0-preview.2 | 0 | 01/14/2026 |
| 9.0.0-preview.1 | 0 | 12/20/2025 |
| 8.15.0 | 147 | 02/10/2026 |
| 8.14.0 | 1 | 03/06/2026 |
| 8.13.0 | 0 | 10/01/2025 |
| 8.12.0 | 2 | 02/24/2026 |
| 8.11.0 | 7 | 02/18/2026 |
| 8.10.0 | 0 | 07/19/2025 |
| 8.9.0 | 0 | 07/01/2025 |
| 8.8.0 | 0 | 06/17/2025 |
| 8.7.0 | 0 | 05/30/2025 |
| 8.6.0 | 0 | 04/29/2025 |
| 8.5.1 | 0 | 03/31/2025 |
| 8.5.0 | 0 | 03/30/2025 |
| 8.3.0 | 0 | 02/23/2025 |
| 8.2.0 | 0 | 02/01/2025 |
| 8.0.0 | 0 | 01/18/2025 |
| 8.0.0-rc.2 | 0 | 01/09/2025 |
| 8.0.0-preview.7 | 0 | 12/26/2024 |
| 8.0.0-preview.6 | 0 | 12/17/2024 |
| 8.0.0-preview.5 | 0 | 11/22/2024 |
| 8.0.0-preview.4 | 0 | 10/30/2024 |
| 8.0.0-preview.3 | 0 | 10/28/2024 |
| 8.0.0-preview.2 | 0 | 10/22/2024 |
| 8.0.0-preview.1 | 0 | 10/13/2024 |
| 7.16.0 | 0 | 01/17/2025 |
| 7.15.0 | 1 | 02/25/2026 |
| 7.14.0 | 0 | 10/22/2024 |
| 7.13.0 | 0 | 10/17/2024 |
| 7.12.1 | 0 | 10/14/2024 |
| 7.12.0 | 0 | 10/14/2024 |
| 7.11.0 | 0 | 10/12/2024 |
| 7.10.0 | 0 | 10/11/2024 |
| 7.9.0 | 0 | 10/10/2024 |
| 7.8.0 | 0 | 09/06/2024 |
| 7.7.0 | 0 | 09/02/2024 |
| 7.6.0 | 0 | 08/06/2024 |
| 7.5.0 | 0 | 07/31/2024 |
| 7.4.0 | 0 | 07/23/2024 |
| 7.3.0 | 0 | 07/17/2024 |
| 7.2.0 | 0 | 07/15/2024 |
| 7.1.1 | 0 | 07/11/2024 |
| 7.1.0 | 0 | 07/10/2024 |
| 7.0.0 | 0 | 06/29/2024 |
| 7.0.0-rc.2 | 0 | 06/21/2024 |
| 7.0.0-rc.1 | 0 | 06/10/2024 |
| 7.0.0-preview.4 | 0 | 05/27/2024 |
| 7.0.0-preview.3 | 0 | 05/14/2024 |
| 7.0.0-preview.2 | 0 | 05/09/2024 |
| 7.0.0-preview.1 | 0 | 05/01/2024 |
| 6.21.0 | 0 | 07/06/2024 |
| 6.20.0 | 0 | 06/03/2024 |
| 6.19.1 | 1 | 02/25/2026 |
| 6.19.0 | 0 | 03/22/2024 |
| 6.18.0 | 0 | 03/20/2024 |
| 6.17.0 | 0 | 03/04/2024 |
| 6.16.0 | 0 | 02/19/2024 |
| 6.15.0 | 0 | 01/30/2024 |
| 6.14.0 | 0 | 01/22/2024 |
| 6.12.0 | 0 | 01/02/2024 |
| 6.11.2 | 0 | 12/18/2023 |
| 6.11.1 | 0 | 11/21/2023 |
| 6.11.0 | 0 | 10/08/2023 |
| 6.10.0 | 0 | 09/14/2023 |
| 6.9.0 | 0 | 08/18/2023 |
| 6.8.0 | 0 | 08/02/2023 |
| 6.7.0 | 0 | 07/10/2023 |
| 6.6.0 | 0 | 06/29/2023 |
| 6.5.0 | 0 | 06/24/2023 |
| 6.4.1 | 0 | 06/08/2023 |
| 6.4.0 | 0 | 06/07/2023 |
| 6.3.1 | 0 | 05/27/2023 |
| 6.3.0 | 0 | 05/24/2023 |
| 6.2.5 | 0 | 05/17/2023 |
| 6.2.3 | 0 | 05/03/2023 |
| 6.2.2 | 0 | 04/13/2023 |
| 6.2.1 | 0 | 04/12/2023 |
| 6.2.1-dev3 | 0 | 04/04/2023 |
| 6.2.1-dev2 | 0 | 03/30/2023 |
| 6.2.0 | 0 | 03/15/2023 |
| 6.1.10-dev1 | 0 | 03/02/2023 |
| 6.1.9 | 0 | 02/15/2023 |
| 6.1.8 | 0 | 01/27/2023 |
| 6.1.7 | 0 | 01/02/2023 |
| 6.1.6 | 0 | 12/18/2022 |
| 6.1.5 | 0 | 12/11/2022 |
| 6.1.4 | 0 | 12/05/2022 |
| 6.1.3-dev.1 | 1 | 02/11/2026 |
| 6.1.2 | 0 | 11/14/2022 |
| 6.1.0 | 0 | 11/13/2022 |
| 6.0.19-dev3 | 0 | 11/11/2022 |
| 6.0.19-dev1 | 0 | 11/10/2022 |
| 6.0.18 | 0 | 11/09/2022 |
| 6.0.17 | 0 | 10/10/2022 |
| 6.0.17-dev.1 | 1 | 02/10/2026 |
| 6.0.16 | 0 | 09/21/2022 |
| 6.0.15 | 0 | 08/31/2022 |
| 6.0.14 | 0 | 07/28/2022 |
| 6.0.13 | 0 | 07/26/2022 |
| 6.0.12 | 0 | 07/18/2022 |
| 6.0.11 | 0 | 07/01/2022 |
| 6.0.11-dev.4 | 1 | 02/10/2026 |
| 6.0.11-dev.3 | 1 | 02/11/2026 |
| 6.0.11-dev.2 | 1 | 02/10/2026 |
| 6.0.11-dev.1 | 1 | 02/11/2026 |
| 6.0.10 | 0 | 05/03/2022 |
| 6.0.10-dev.5 | 1 | 02/10/2026 |
| 6.0.10-dev.4 | 1 | 02/10/2026 |
| 6.0.10-dev.3 | 1 | 02/11/2026 |
| 6.0.10-dev.2 | 1 | 02/10/2026 |
| 6.0.10-dev.1 | 1 | 02/11/2026 |
| 6.0.9 | 0 | 03/29/2022 |
| 6.0.8 | 0 | 03/27/2022 |
| 6.0.7 | 0 | 02/25/2022 |
| 6.0.6 | 0 | 02/03/2022 |
| 6.0.5 | 0 | 01/17/2022 |
| 6.0.4 | 0 | 01/03/2022 |
| 6.0.3 | 0 | 12/31/2021 |
| 6.0.2 | 0 | 11/09/2021 |
| 5.2.5 | 0 | 09/29/2022 |
| 5.2.4 | 0 | 01/07/2022 |
| 5.2.0 | 0 | 10/31/2021 |
| 5.1.5 | 0 | 09/27/2021 |
| 5.1.4 | 0 | 09/13/2021 |
| 5.1.3 | 0 | 09/06/2021 |
| 5.1.2 | 0 | 08/24/2021 |
| 5.1.1 | 0 | 08/20/2021 |
| 5.1.0 | 0 | 07/27/2021 |
| 5.0.15 | 0 | 06/28/2021 |
| 5.0.14 | 0 | 06/21/2021 |
| 5.0.13 | 0 | 06/15/2021 |
| 5.0.11 | 0 | 06/07/2021 |
| 5.0.10 | 0 | 05/24/2021 |
| 5.0.9 | 0 | 05/17/2021 |
| 5.0.8 | 0 | 04/25/2021 |
| 5.0.7 | 0 | 03/29/2021 |
| 5.0.6 | 0 | 03/16/2021 |
| 5.0.5 | 0 | 03/08/2021 |
| 5.0.3 | 0 | 03/01/2021 |
| 5.0.2 | 0 | 02/21/2021 |
| 5.0.1 | 0 | 02/10/2021 |
| 5.0.0 | 0 | 02/06/2021 |
| 2.0.7 | 0 | 03/29/2021 |
| 2.0.6 | 0 | 03/16/2021 |
| 2.0.5 | 0 | 03/08/2021 |
| 2.0.4 | 0 | 03/08/2021 |
| 2.0.3 | 0 | 03/01/2021 |
| 2.0.2 | 0 | 02/21/2021 |
| 2.0.0 | 0 | 02/05/2021 |
| 1.2.4 | 0 | 12/30/2020 |
| 1.2.1 | 0 | 12/17/2020 |
| 1.2.0 | 0 | 12/07/2020 |
| 1.1.5 | 0 | 11/29/2020 |
| 1.1.4 | 0 | 11/23/2020 |
| 1.1.3 | 0 | 11/16/2020 |
| 1.1.2 | 0 | 11/11/2020 |
| 1.1.1 | 0 | 11/05/2020 |
| 1.1.0 | 0 | 11/02/2020 |
| 1.0.9 | 0 | 10/26/2020 |
| 1.0.8 | 0 | 10/23/2020 |
| 1.0.7 | 0 | 10/18/2020 |
| 1.0.6 | 0 | 10/11/2020 |
| 1.0.5 | 0 | 10/08/2020 |
| 1.0.4 | 0 | 10/02/2020 |
| 1.0.3 | 0 | 09/20/2020 |
| 1.0.2 | 0 | 09/20/2020 |
| 1.0.1 | 0 | 09/11/2020 |
| 1.0.0 | 0 | 09/11/2020 |
