Developer tools

HTML/CSS/JS minifier and beautifier

Minify HTML, CSS and JavaScript to a smaller size, or beautify code into readable form with a real parser.

Code Minifier / Beautifier

Beautify parses your code with Prettier (HTML, CSS or JavaScript) and reprints it with proper indentation. Minify produces genuinely smaller valid code and reports the before/after size. Invalid code is reported as a parse error.

How to use HTML/CSS/JS minifier and beautifier

Paste HTML, CSS or JavaScript.
Minify it to a smaller size, or beautify it into readable form.
Copy the result into your project or editor.

A good use for this

Shrinking code for production, or making minified code readable again for debugging.

Limits

Minified code is harder to debug, and beautifying does not restore original comments or variable names that minification removed.