HTML Beautifier

Expand compressed HTML into indented, readable markup. The work happens entirely in your browser.

The output will appear here.

How HTML Beautifier works

Expand compressed HTML into indented, readable markup. The work happens entirely in your browser.

Input HTML
Output Readable HTML
Works done 2,507

Related tools

CSV to JSON Code
Convert a CSV table into an array of JSON objects, keyed by the header row and printed with indentation. Open tool
JSON to CSV Code
Convert an array of JSON objects into a CSV table with a merged header row and properly escaped values. Open tool
CSS Beautifier Code
Expand minified CSS into indented, readable rules without your code leaving the browser. Open tool
JS Minifier Code
Strip comments and redundant whitespace from JavaScript to reduce size. Remove line comments first. Open tool
JS Beautifier Code
Expand minified JavaScript into indented, readable code without uploading anything. Open tool
HTML Minifier Code
Strip redundant whitespace and comments from HTML to shrink the file, all inside your browser. Open tool
URL Encoder / Decoder Code
Decode percent escapes in a link or encode text so it is safe inside an address. The direction is picked automatically. Open tool
UUID Generator Code
Generate version 4 random identifiers, up to 100 at a time, ready to copy or download. Open tool
JSON Formatter Code
Expand minified JSON into a readable shape and see exactly where invalid syntax breaks. Everything runs in your browser, so the text is never uploaded. Open tool
Base64 Encoder / Decoder Code
Encode text to Base64 or decode a Base64 string. The direction is detected automatically and the work stays in your browser. Open tool
CSS to SCSS Code
Expand plain CSS into indented code ready for an SCSS file. Nesting and variables remain yours to add. Open tool
SCSS to CSS Code
Strip SCSS line comments and view the code in readable CSS shape. No real compilation is performed. Open tool

HTML Beautifier Details

HTML Beautifier expands markup that has been squeezed onto one line into an indented, readable shape.

Use it to inspect a minified template, make email HTML editable, or clean up a fragment copied from a page.

Step by step

Short version: give it input, run it, take the output. Details below.

  1. Paste the HTML into the box.
  2. Run the tool; the code is expanded with indentation.
  3. Copy or download the result.

Limits and processing behaviour

Formatting behaviour:

  • A simple brace and semicolon based expansion is applied, using two-space indentation.
  • Runs of blank lines collapse into one.
  • Everything happens in your browser; the code is never uploaded.
  • The line under the output panel reports characters, lines and bytes.

Is this the right tool

This page makes code readable. To go the other way and shrink the file, use the HTML Minifier.

This is a text-level formatter, not an HTML parser: it does not validate nesting, will not find a missing closing tag, and leaves attribute order untouched. Code inside inline script and style blocks is left as it is.

Practical notes

  • Open the formatted markup in a browser before shipping it.
  • With template engines that emit very long lines, format the template first and the output second.
  • Use the same formatting for files under version control to keep diffs quiet.

Data and privacy

This tool runs entirely in your browser, so what you type is not sent to the server. The only request that leaves is a counter with no content in it. Third-party advertising cookies may be present on the page, and they cannot read your input.

Frequently asked questions

Type or paste your data into the HTML field, run the tool, then copy or download the Readable HTML result.

Yes. While the text field is focused, Ctrl + Enter (Cmd + Enter on macOS) runs the tool.

You can copy the output or save it as a text file with the download button. The file name is based on the tool name.

The tool shows the error message in the output area. Fix the input and run it again.