MudBlazor 9.2.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/css2?family=Roboto:ital,wght@0,100..900;1,100..900&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 |
|---|---|
|
ModelingEvolution.Blazor.LogViewer
Reusable Blazor component for viewing logs from processes and Docker containers in real-time using XtermBlazor terminal.
|
253 |
|
MudBlazor.Markdown
Markdown component for MudBlazor (https://mudblazor.com/)
|
107 |
|
ModelingEvolution.Ide.Blazor
Package Description
|
102 |
|
MudBlazor.Markdown
Markdown component for MudBlazor (https://mudblazor.com/)
|
100 |
|
ModelingEvolution.Ide.Blazor
Package Description
|
94 |
|
ModelingEvolution.FloatingWindow
Floating draggable window component for Blazor using MudBlazor. Supports service-based pattern similar to MudDialog.
|
92 |
|
ModelingEvolution.Ide.Blazor
Package Description
|
75 |
|
ModelingEvolution.SignalProcessing.Blazor
Package Description
|
66 |
|
ModelingEvolution.Ide.Blazor
Package Description
|
50 |
|
ModelingEvolution.FileSystem.Blazor
Blazor FileExplorer component with MudBlazor for browsing local file systems. Uses IFileSystem abstraction for all operations.
|
38 |
|
ModelingEvolution.FileSystem.Blazor
Blazor FileExplorer component with MudBlazor for browsing local file systems. Uses IFileSystem abstraction for all operations.
|
36 |
|
ModelingEvolution.FileSystem.Blazor
Blazor FileExplorer component with MudBlazor for browsing local file systems. Uses IFileSystem abstraction for all operations.
|
32 |
|
ModelingEvolution.Blazor.LogViewer
Reusable Blazor component for viewing logs from processes and Docker containers in real-time using XtermBlazor terminal.
|
26 |
|
ModelingEvolution.SignalProcessing.Blazor
Package Description
|
17 |
|
ModelingEvolution.Ide.Blazor
Package Description
|
16 |
|
ModelingEvolution.Controls.Blazor.HistogramControl
HistogramControl
|
10 |
|
ModelingEvolution.Controls.Blazor.SvgCanvasControl
SvgCanvasControl
|
10 |
|
ModelingEvolution.Controls.Blazor.ResizableControl
Resizable
|
9 |
|
ModelingEvolution.Ide.Blazor
Package Description
|
7 |
|
ModelingEvolution.Controls.Blazor.SvgCanvasControl
SvgCanvasControl
|
6 |
.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.6.0 | 1 | 07/02/2026 |
| 9.5.0 | 1 | 06/14/2026 |
| 9.4.0 | 155 | 04/24/2026 |
| 9.3.0 | 4 | 04/12/2026 |
| 9.2.0 | 4 | 03/26/2026 |
| 9.1.0 | 3 | 03/16/2026 |
| 9.0.0 | 7 | 04/24/2026 |
| 9.0.0-rc.1 | 3 | 04/24/2026 |
| 9.0.0-preview.2 | 4 | 03/16/2026 |
| 9.0.0-preview.1 | 5 | 03/16/2026 |
| 8.15.0 | 212 | 03/16/2026 |
| 8.14.0 | 7 | 03/16/2026 |
| 8.13.0 | 5 | 03/16/2026 |
| 8.12.0 | 7 | 03/16/2026 |
| 8.11.0 | 9 | 03/16/2026 |
| 8.10.0 | 6 | 03/16/2026 |
| 8.9.0 | 5 | 03/16/2026 |
| 8.8.0 | 5 | 03/16/2026 |
| 8.7.0 | 5 | 03/16/2026 |
| 8.6.0 | 5 | 03/16/2026 |
| 8.5.1 | 5 | 03/16/2026 |
| 8.5.0 | 5 | 03/16/2026 |
| 8.4.0 | 5 | 03/19/2026 |
| 8.3.0 | 5 | 03/16/2026 |
| 8.2.0 | 5 | 03/16/2026 |
| 8.0.0 | 6 | 03/16/2026 |
| 8.0.0-rc.2 | 4 | 03/16/2026 |
| 8.0.0-preview.7 | 5 | 03/16/2026 |
| 8.0.0-preview.6 | 4 | 03/16/2026 |
| 8.0.0-preview.5 | 4 | 03/16/2026 |
| 8.0.0-preview.4 | 5 | 03/16/2026 |
| 8.0.0-preview.3 | 4 | 03/16/2026 |
| 8.0.0-preview.2 | 4 | 03/16/2026 |
| 8.0.0-preview.1 | 4 | 03/16/2026 |
| 7.16.0 | 5 | 03/16/2026 |
| 7.15.0 | 6 | 03/16/2026 |
| 7.14.0 | 5 | 03/16/2026 |
| 7.13.0 | 5 | 03/16/2026 |
| 7.12.1 | 5 | 03/16/2026 |
| 7.12.0 | 5 | 03/16/2026 |
| 7.11.0 | 5 | 03/16/2026 |
| 7.10.0 | 5 | 03/16/2026 |
| 7.9.0 | 6 | 03/16/2026 |
| 7.8.0 | 5 | 03/16/2026 |
| 7.7.0 | 5 | 03/16/2026 |
| 7.6.0 | 5 | 03/16/2026 |
| 7.5.0 | 5 | 03/16/2026 |
| 7.4.0 | 5 | 03/16/2026 |
| 7.3.0 | 5 | 03/16/2026 |
| 7.2.0 | 5 | 03/16/2026 |
| 7.1.1 | 5 | 03/16/2026 |
| 7.1.0 | 5 | 03/16/2026 |
| 7.0.0 | 5 | 03/16/2026 |
| 7.0.0-rc.2 | 4 | 03/16/2026 |
| 7.0.0-rc.1 | 4 | 03/16/2026 |
| 7.0.0-preview.4 | 4 | 03/16/2026 |
| 7.0.0-preview.3 | 4 | 03/16/2026 |
| 7.0.0-preview.2 | 5 | 03/16/2026 |
| 7.0.0-preview.1 | 4 | 03/16/2026 |
| 6.21.0 | 6 | 03/16/2026 |
| 6.20.0 | 5 | 03/16/2026 |
| 6.19.1 | 5 | 03/16/2026 |
| 6.19.0 | 5 | 03/16/2026 |
| 6.18.0 | 5 | 03/16/2026 |
| 6.17.0 | 5 | 03/16/2026 |
| 6.16.0 | 5 | 03/16/2026 |
| 6.15.0 | 5 | 03/16/2026 |
| 6.14.0 | 5 | 03/16/2026 |
| 6.12.0 | 5 | 03/16/2026 |
| 6.11.2 | 5 | 03/16/2026 |
| 6.11.1 | 5 | 03/16/2026 |
| 6.11.0 | 5 | 03/16/2026 |
| 6.10.0 | 6 | 03/16/2026 |
| 6.9.0 | 6 | 03/16/2026 |
| 6.8.0 | 5 | 03/16/2026 |
| 6.7.0 | 5 | 03/16/2026 |
| 6.6.0 | 5 | 03/16/2026 |
| 6.5.0 | 5 | 03/16/2026 |
| 6.4.1 | 5 | 03/16/2026 |
| 6.4.0 | 5 | 03/16/2026 |
| 6.3.1 | 5 | 03/16/2026 |
| 6.3.0 | 5 | 03/16/2026 |
| 6.2.5 | 5 | 03/16/2026 |
| 6.2.3 | 5 | 03/16/2026 |
| 6.2.2 | 5 | 03/16/2026 |
| 6.2.1 | 5 | 03/16/2026 |
| 6.2.1-dev3 | 5 | 03/16/2026 |
| 6.2.1-dev2 | 6 | 03/16/2026 |
| 6.2.0 | 5 | 03/16/2026 |
| 6.1.10-dev1 | 6 | 03/16/2026 |
| 6.1.9 | 5 | 03/16/2026 |
| 6.1.8 | 5 | 03/16/2026 |
| 6.1.7 | 5 | 03/16/2026 |
| 6.1.6 | 5 | 03/16/2026 |
| 6.1.5 | 5 | 03/16/2026 |
| 6.1.4 | 5 | 03/16/2026 |
| 6.1.3-dev.1 | 4 | 03/16/2026 |
| 6.1.2 | 6 | 03/16/2026 |
| 6.1.0 | 5 | 03/16/2026 |
| 6.0.19-dev3 | 5 | 03/16/2026 |
| 6.0.19-dev1 | 5 | 03/16/2026 |
| 6.0.18 | 5 | 03/16/2026 |
| 6.0.17 | 5 | 03/16/2026 |
| 6.0.17-dev.1 | 4 | 03/16/2026 |
| 6.0.16 | 5 | 03/16/2026 |
| 6.0.15 | 5 | 03/16/2026 |
| 6.0.14 | 5 | 03/16/2026 |
| 6.0.13 | 5 | 03/16/2026 |
| 6.0.12 | 5 | 03/16/2026 |
| 6.0.11 | 5 | 03/16/2026 |
| 6.0.11-dev.4 | 4 | 03/16/2026 |
| 6.0.11-dev.3 | 4 | 03/16/2026 |
| 6.0.11-dev.2 | 4 | 03/16/2026 |
| 6.0.11-dev.1 | 4 | 03/16/2026 |
| 6.0.10 | 6 | 03/16/2026 |
| 6.0.10-dev.5 | 4 | 03/16/2026 |
| 6.0.10-dev.4 | 4 | 03/16/2026 |
| 6.0.10-dev.3 | 4 | 03/16/2026 |
| 6.0.10-dev.2 | 4 | 03/16/2026 |
| 6.0.10-dev.1 | 4 | 03/16/2026 |
| 6.0.9 | 5 | 03/16/2026 |
| 6.0.8 | 5 | 03/16/2026 |
| 6.0.7 | 5 | 03/16/2026 |
| 6.0.6 | 5 | 03/16/2026 |
| 6.0.5 | 5 | 03/16/2026 |
| 6.0.4 | 5 | 03/16/2026 |
| 6.0.3 | 5 | 03/16/2026 |
| 6.0.2 | 5 | 03/16/2026 |
| 5.2.5 | 5 | 03/16/2026 |
| 5.2.4 | 6 | 03/16/2026 |
| 5.2.0 | 5 | 03/16/2026 |
| 5.1.5 | 5 | 03/16/2026 |
| 5.1.4 | 5 | 03/16/2026 |
| 5.1.3 | 5 | 03/16/2026 |
| 5.1.2 | 5 | 03/16/2026 |
| 5.1.1 | 5 | 03/16/2026 |
| 5.1.0 | 5 | 03/16/2026 |
| 5.0.15 | 5 | 03/16/2026 |
| 5.0.14 | 5 | 03/16/2026 |
| 5.0.13 | 5 | 03/16/2026 |
| 5.0.11 | 5 | 03/16/2026 |
| 5.0.10 | 5 | 03/16/2026 |
| 5.0.9 | 6 | 03/16/2026 |
| 5.0.8 | 5 | 03/16/2026 |
| 5.0.7 | 6 | 03/16/2026 |
| 5.0.6 | 5 | 03/16/2026 |
| 5.0.5 | 5 | 03/16/2026 |
| 5.0.3 | 5 | 03/16/2026 |
| 5.0.2 | 6 | 03/16/2026 |
| 5.0.1 | 6 | 03/16/2026 |
| 5.0.0 | 6 | 03/16/2026 |
| 2.0.7 | 6 | 03/16/2026 |
| 2.0.6 | 6 | 03/16/2026 |
| 2.0.5 | 5 | 03/16/2026 |
| 2.0.4 | 5 | 03/16/2026 |
| 2.0.3 | 5 | 03/16/2026 |
| 2.0.2 | 5 | 03/16/2026 |
| 2.0.0 | 5 | 03/16/2026 |
| 1.2.4 | 5 | 03/16/2026 |
| 1.2.1 | 5 | 03/16/2026 |
| 1.2.0 | 5 | 03/16/2026 |
| 1.1.5 | 5 | 03/16/2026 |
| 1.1.4 | 5 | 03/16/2026 |
| 1.1.3 | 5 | 03/16/2026 |
| 1.1.2 | 5 | 03/16/2026 |
| 1.1.1 | 6 | 03/16/2026 |
| 1.1.0 | 5 | 03/16/2026 |
| 1.0.9 | 5 | 03/16/2026 |
| 1.0.8 | 5 | 03/16/2026 |
| 1.0.7 | 5 | 03/16/2026 |
| 1.0.6 | 5 | 03/16/2026 |
| 1.0.5 | 5 | 03/16/2026 |
| 1.0.4 | 5 | 03/16/2026 |
| 1.0.3 | 5 | 03/16/2026 |
| 1.0.2 | 5 | 03/16/2026 |
| 1.0.1 | 5 | 03/16/2026 |
| 1.0.0 | 6 | 03/16/2026 |