MudBlazor.Markdown 8.9.0

.NET 8.0

dotnet add package MudBlazor.Markdown --version 8.9.0

NuGet\Install-Package MudBlazor.Markdown -Version 8.9.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.Markdown" Version="8.9.0" />

For projects that support PackageReference, copy this XML node into the project file to reference the package.

<PackageVersion Include="MudBlazor.Markdown" Version="8.9.0" />
                    

                            Directory.Packages.props

<PackageReference Include="MudBlazor.Markdown" />
                    

                            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.Markdown --version 8.9.0

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

#r "nuget: MudBlazor.Markdown, 8.9.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.

#:package MudBlazor.Markdown@8.9.0

#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package.

#addin nuget:?package=MudBlazor.Markdown&version=8.9.0
                    

                            Install as a Cake Addin

#tool nuget:?package=MudBlazor.Markdown&version=8.9.0
                    

                            Install as a Cake Tool

The NuGet Team does not provide support for this client. Please contact its maintainers for support.

Markdown component for MudBlazor

This README covers configuration steps for Blazor Server and Blazor WebAssembly. For images of how the markup component looks like in the browser go to the README of samples.

📘 Documentation

🌐 MudBlazor.Markdown - Wiki page
⚡ Try.MudBlazor.com - Interactive playground

🚀 Getting started

NB! MudBlazor does not work well with the static SSR format because some code is executed in OnAfterRender or OnAfterRenderAsync that is not invoked by default.
Specify @rendermode="InteractiveServer" on the markdown component to make it work (e.g. <MudMarkdown @rendermode="InteractiveServer" Value="some markdown here" />)

Install the NuGet package.

dotnet add package MudBlazor.Markdown

Add the following using statement in _Imports.razor.

@using MudBlazor

Add the following nodes in either App.razor or MainLayout.razor.

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

Add the following nodes in Pages/_Host.cstml (Server) or wwwroot/index.html (WebAssembly).
In the <head> node add these CSS stylesheets.

<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" />
<link href="_content/MudBlazor.Markdown/MudBlazor.Markdown.min.css" rel="stylesheet" />

At the bottom of the <body> node add this JS source.

<script src="_content/MudBlazor/MudBlazor.min.js"></script>
<script src="_content/MudBlazor.Markdown/MudBlazor.Markdown.min.js"></script>

public void ConfigureServices(IServiceCollection services)
{
    services.AddMudServices();
    services.AddMudMarkdownServices();
    // Optionally if the default clipboard functionality fails it is possible to add a custom service
    // NB! MauiClipboardService is just an example
    services.AddMudMarkdownClipboardService<MauiClipboardService>();
}

For the Blazor WebAssembly in the Program.cs add this method.

var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.Services.AddMudServices();
builder.Services.AddMudMarkdownServices();
// Optionally if the default clipboard functionality fails it is possible to add a custom service
// NB! MauiClipboardService is just an example
builder.Services.AddMudMarkdownClipboardService<MauiClipboardService>();

💻 Example Usage

<MudText Typo="Typo.h3">My markdown</MudText>
<MudMarkdown Value="@Value" />

@code
{
    private string Value { get; } = "text *italics* and **bold**";
}

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.

Product

.NET

Compatible target framework(s)

Included target framework(s) (in package)

Learn more about Target Frameworks and .NET Standard.

net8.0
- Markdig (>= 0.41.3)
- MudBlazor (>= 8.9.0)
net9.0
- Markdig (>= 0.41.3)
- MudBlazor (>= 8.9.0)

NuGet packages (5)

Showing the top 5 NuGet packages that depend on MudBlazor.Markdown:

Package	Downloads
MudBlazor.Extensions MudBlazor.Extensions is a small extension library for MudBlazor from https://mudblazor.com/	319.7K
Jakar.Extensions.Blazor Extensions to aid in development.	6.9K
MedbaseComponents Shared view code for Medbase projects.	1.4K
MudMarkdown.Toc Package Description	841
MudraX.Blazor.Core MudraX Blazor Core Library	376

GitHub repositories (7)

Showing the top 7 popular GitHub repositories that depend on MudBlazor.Markdown:

Repository	Stars
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.	5.6K
DragoQCC/CrucibleC2 A C# Command & Control framework	1.0K
fgilde/MudBlazor.Extensions MudBlazor.Extensions from https://www.mudex.org is a small extension for MudBlazor from https://mudblazor.com	296
MindWorkAI/AI-Studio AI Studio is an independent app for utilizing LLMs.	287
JiuLing-zhang/ComputerLock 透明锁屏-锁屏时保持屏幕内容可见！防止误操作，保护隐私。适用于展示、娱乐和安全场景。	165
discord-csharp/MODiX Discord Bot handling basic moderation needs, soon implements statistics.	124
moonheart/mementomori-helper メメントモリ MementoMori 游戏助手 Game Assistant ゲームアシスタント	107

Version	Downloads	Last Updated
8.9.0	2,992	7/6/2025
8.7.0	9,508	6/10/2025
8.6.0	15,374	5/1/2025
8.5.1.1	11,659	4/27/2025
8.5.1	11,008	4/19/2025
8.0.0	52,087	1/25/2025
7.14.0	75,708	10/23/2024
7.8.0	48,981	9/7/2024
1.0.2	89,254	6/5/2024
1.0.1	76,843	5/31/2024
1.0.0	21,606	5/19/2024
1.0.0-preview.1	72	6/6/2024
0.1.3	91,372	12/11/2023
0.1.2	55,670	8/6/2023
0.1.1	40,193	5/27/2023
0.1.0	49,055	1/15/2023
0.0.12	63,089	8/28/2022
0.0.11	41,065	7/9/2022
0.0.10	35,410	4/24/2022
0.0.9	15,050	3/24/2022
0.0.8	19,596	1/23/2022
0.0.6	16,169	12/25/2021
0.0.5	10,960	9/13/2021
0.0.4	4,003	8/22/2021
0.0.3	1,567	8/10/2021
0.0.2	450	8/8/2021
0.0.1	679	7/18/2021

https://github.com/MyNihongo/MudBlazor.Markdown/releases