Useful Hacks

HTML Formatter

Format and indent HTML markup for readability.

Processed locally in your browser. Nothing you enter is uploaded or stored.
  • Re-indents nested elements so structure is visible at a glance.
  • Choose your indent size.
  • Runs in your browser; markup isn't uploaded.

Why this is private

  • Processed locally in your browser. Nothing you enter is uploaded or stored.
  • Open your browser's DevTools → Network tab while using this tool — you won't see a request carrying your input, because it never leaves your device.
  • Nothing you enter is uploaded to a server or shared with us — the processing happens entirely on your device.

Overview

Reformats minified or inconsistently indented HTML into clean, nested markup that's easy to read.

How to use it

  1. 1Paste HTML markup.
  2. 2Choose indent size.
  3. 3The formatted output appears instantly.

Frequently asked questions

What people use it for

Read minified HTML from view-sourceExpand a single-line page or fragment into inspectable markup.
Clean up HTML from a CMS or email builderNormalise output before committing it to a template.
Review a diff of markup changesFormat both sides so the real change isn't buried in whitespace noise.
Tidy pasted snippetsMake a copied component consistent with your codebase's indentation.

Related guides

Related tools

All developer tools

Ready to use HTML Formatter?

HTML Formatter

Search tools

Search for any tool by name, category or keyword