HTML, CSS & JavaScript Formatter

This tool formats HTML, CSS, and JavaScript code for readability, or minifies it to reduce its size. Select the language, paste your code, and click Format or Minify. All processing happens in your browser - no code is sent to a server.

The HTML formatter adds proper indentation to nested elements, places each tag on its own line, and preserves the content of pre, script, and style elements. Void elements (br, img, etc.) are not given a closing line.

The CSS formatter places each rule on its own line, indents declarations inside selectors, and adds a blank line between rule blocks. Comments are preserved in their original positions.

The JavaScript formatter indents code inside curly braces, places each statement on its own line, and normalises whitespace. This is a conservative formatter - for complex JavaScript with arrow functions, template literals, and destructuring, a dedicated tool like the Prettier playground may produce better results.

Minification removes unnecessary whitespace, blank lines, and comments to produce compact output. For production JavaScript, a dedicated minifier (e.g., Terser) will produce smaller output with additional optimisations such as variable renaming.

All formatting and minification happens in your browser. Your code is not sent to any server. You can safely use this tool with confidential source code.