Does this handle inline scripts and styles?

Yes, content inside , , , and is preserved as-is.

Can I minify HTML instead of beautifying it?

Yes, toggle Minify to collapse the markup to a single compact line.

Is my HTML uploaded anywhere?

No, formatting runs entirely in your browser.

HTML Formatter

Beautify and indent messy HTML markup.

Works Offline

Privacy First

No Login

No API

Indent

Minify

Input

Output

<!DOCTYPE html>
<html>
  <head>
    <title>
      Sample
    </title>
  </head>
  <body>
    <div class="wrap">
      <p>
        Hello
        <b>
          world
        </b>
      </p>
      <img src="a.png">
      <!-- comment -->
    </div>
  </body>
</html>

About the HTML Formatter

Format and indent HTML with a custom tokenizer that understands void elements, comments, and preformatted tags like pre, textarea, script, and style. Choose your indent size or minify to a single compact line.

Examples

Messy HTML

<div><p>hi</p></div>

Output

<div>
  <p>hi</p>
</div>

Related tools

Border Radius Generator

HTML & CSS

Fine-tune per-corner border radii visually.

Box Shadow Generator

HTML & CSS

Layer multiple box-shadows with a live preview.

Clip Path Generator

HTML & CSS

Design polygon clip-path shapes with a live preview.

CSS Animation Generator

HTML & CSS

Build keyframe animations visually with a live preview.

CSS Aspect Ratio Calculator

HTML & CSS

Simplify ratios and compute matching dimensions.

CSS Filter Playground

HTML & CSS

Tune blur, brightness, contrast, and more with a live preview.

Frequently asked questions

Version 1.0.0 · Updated 2026-08-06 · Runs entirely in your browser