XAML Beautifier

Paste compact XAML and format it with proper indentation so element hierarchies, data bindings, and layout panels are easy to read.

Last updated: May 29, 2026

Indent:Preserve blank linesFinal newline

Compact or Minified XAML

1 lines, 806 B

Beautified XAML

<Window x:Class="MyApp.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="My App" Height="450" Width="800">
  <Grid>
    <Grid.RowDefinitions>
      <RowDefinition Height="Auto"/>
      <RowDefinition Height="*"/>
      <RowDefinition Height="Auto"/>
    </Grid.RowDefinitions>
    <TextBlock Grid.Row="0" Text="Hello, XAML!" FontSize="24" Margin="16"/>
    <ListBox Grid.Row="1" x:Name="ItemList" Margin="16">
      <ListBox.ItemTemplate>
        <DataTemplate>
          <StackPanel Orientation="Horizontal">
            <TextBlock Text="{Binding Name}" FontWeight="Bold"/>
            <TextBlock Text="{Binding Value}" Margin="8,0,0,0"/>
          </StackPanel>
        </DataTemplate>
      </ListBox.ItemTemplate>
    </ListBox>
    <Button Grid.Row="2" Content="Click Me" Click="OnClick" Margin="16" HorizontalAlignment="Right"/>
  </Grid>
</Window>

21 lines, 944 B

Input: 1 linesOutput: 21 linesSize: 944 BElements: 14Attributes: 23

Client-Side Processing

Input Data Stays on Device

Instant Local Execution

Find this tool useful? Support the project to keep it free!

Buy me a coffee

What is XAML Beautifier?

XAML Beautifier pretty-prints XAML markup — the XML-based UI description language used in WPF (Windows Presentation Foundation), UWP, .NET MAUI, Xamarin.Forms, and Avalonia. XAML is often auto-generated or copy-pasted in a single line, making it hard to read. This formatter normalises whitespace and indents each element so nested layouts like Grid, StackPanel, and DataTemplate hierarchies are clearly visible. It uses the same XML formatting engine as the XML Beautifier and supports all XAML namespace prefixes.

How to Use XAML Beautifier

Paste XAML source markup.

Choose indentation style.

Click Format.

Review the formatted XAML structure.

Copy or download the .xaml file.

Common Use Cases

Reading minified XAML exported from designer tools or code generators.
Formatting XAML snippets from Stack Overflow or documentation before using in a project.
Debugging layout issues in compressed XAML copied from build logs.
Preparing XAML examples for blog posts, documentation, or presentations.

Example Input and Output

A compact XAML layout is expanded with proper element indentation.

Compact XAML

<StackPanel><TextBlock Text="Hello" FontSize="20"/><Button Content="Click Me" Click="OnClick"/><TextBox x:Name="Input" Margin="4"/></StackPanel>

Beautified XAML

<StackPanel>
  <TextBlock Text="Hello" FontSize="20"/>
  <Button Content="Click Me" Click="OnClick"/>
  <TextBox x:Name="Input" Margin="4"/>
</StackPanel>