Trusted by the world’s leading companies

.NET MAUI maui markdown viewer

FREE TRIAL

Overview

The .NET MAUI Markdown Viewer control allows developers to render Markdown content with full formatting support across platforms. It is ideal for displaying documentation, help content, release notes, and other formatted text needing complex UI layouts. The control supports standard Markdown syntax including headings, bold and italic text, lists, tables, images, and code blocks. It ensures consistent rendering, responsive design, and effortless integration with Markdown content.

.NET MAUI Markdown Viewer code example

Get started quickly with the .NET MAUI Markdown Viewer using the example below. Also, explore this .NET MAUI Markdown Viewer example, which shows you how to render and configure the control.

xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:markdown="clr-namespace:Syncfusion.Maui.MarkdownViewer;assembly=Syncfusion.Maui.MarkdownViewer"  
             x:Class="GettingStarted.MainPage">

    <markdown:SfMarkdownViewer x:Name="MarkdownViewer" Source="Welcome to **Markdown Viewer** !"/>

</ContentPage>

Default rendering

Effortlessly render standard Markdown syntax, including headers, lists, images, tables, code blocks, etc., with clean formatting and layout.

Default rendering documentation

Default Markdown rendering in .NET MAUI.

Custom font styling

Style Markdown text elements via CSS. You can define the font family, size, weight, and color to match your app’s design.

Custom font styling documentation

Flexible input sources

The control accepts Markdown content from multiple sources: local .md files, embedded resources, external URLs, and Markdown strings.

Flexible input sources documentation

Automatic link rendering

Clickable hyperlinks are fully supported. You can customize their appearance and handle click events to open external URLs or navigate within the app.