RazorFormatter

Input

Output

@page "/dashboard" @using MyApp.Components @inject IState State <PageTitle>Dashboard</PageTitle> <div class="grid"> <EditForm Model="@model" OnValidSubmit="Save"> <InputText @bind-Value="model.Name" /> <button type="submit">Save</button> </EditForm> @if (items.Count == 0) { <p class="empty">Nothing here yet.</p> } else { <ul class="list"> @foreach (var item in items) { <li>@item.Title</li> } </ul> } </div> @code { private Model model = new(); private List<Item> items = new(); }

Your Preferences

Formatting

Collapse @() expressionsJoin multi-line @(…) expressions back onto one line.

Sort directivesOrder @page, @using, @inject and the rest consistently.

Normalise blank linesReduce runs of blank lines down to a single one.

Blank lines around tagsAdd space around top-level tags so blocks breathe.

Indent styleCharacters used for one level of indentation.

Checking

Error checkingFlag unclosed tags and unmatched braces while formatting.

Custom componentsNames to treat as known components, so they aren't flagged.

Behaviour

Auto-copy resultCopy the output to the clipboard the moment it's formatted.

Format on pasteReformat automatically whenever you paste into the input.

Confirmation toastShow a brief note each time the code is formatted.

Editor

Word wrapWrap long lines instead of scrolling sideways.

Indent guidesShow faint vertical lines at each indent level.

Text sizeSize of the code text in both panes.

Workspace

Format Razor and Blazor in your browser

Razor Formatter tidies .razor and .cshtml files, re-indenting the mix of HTML, C# and Blazor components and putting the directives in order. Paste your code above, press Format, and copy the result.

Privacy

Your code never leaves your machine. Formatting runs in your browser, inside a Web Worker on your own device, so nothing you paste is uploaded or logged. There are no accounts and no tracking of what you format. Once the page has loaded it keeps working offline, so you can bookmark it and come back any time.

Features

Re-indents markup, @code blocks and Razor control flow
Sorts directives into a consistent order, with System namespaces first
Collapses multi-line @() expressions and normalises blank lines
Recognises Blazor components through .NET 11, and lets you register your own
Flags unclosed tags and unmatched braces while it formats
Syntax highlighting, indent guides, word wrap and adjustable text size
Light and dark themes that follow your system, a minimal mode, and resizable panes

Performance

The engine formats around 15,000 lines in under 100 milliseconds, and runs off the main thread so the interface stays responsive while it works. Lines you cannot see yet are left unrendered until you scroll to them, which keeps even large files smooth. Your preferences and your last snippet are kept in the browser between visits.

Support

If a file does not format the way you expect, or there is a feature you would like added, get in touch. A short note with a small example is the quickest thing to act on, and every message is read.

Contact

Email me. Razor Formatter is made by Tahleel Consultancy.

Razor Formatter v5.0 · Free to use