CSS & HTML Beautifier

About this tool

Parses HTML or CSS into a lightweight tree with live syntax highlighting, gutter line numbering, and markup validation. Safely preserves dynamic template expressions (like Shopify/Liquid {{ ... }} and {% ... %}) and nested at-rules like @media, then re-renders according to your chosen action:

• Format — Pretty-prints with your chosen indent level.
• Lines — Keeps each CSS rule or major HTML block on a single line, ideal for compact edits and clean git diffs.
• Minify — Strips all whitespace and collapses everything into a single compact line.

Content inside <pre>, <textarea>, <script>, <style> and <code> is preserved verbatim, and the syntax validator inspects for mismatched tags, unclosed braces/parentheses and duplicate attributes.

Parsing, validation and formatting happen entirely in your browser. Nothing you paste is uploaded.