Format and minify JavaScript online

How it works

1. 1

   Paste JavaScript into the Input box.

2. 2

   Choose an indent width.

3. 3

   Press Format to lay it out, or Minify to compress it.

4. 4

   Copy the result into your editor.

About the JavaScript Formatter

Bundled scripts, snippets from a browser console and code pasted from chat often lose their line breaks. This formatter puts each statement and each block on its own line and indents code inside braces, so you can follow the logic again. It reads strings, template literals, regular expressions and comments as single units, which stops a brace or semicolon inside them from breaking the layout.

What you can do

• Break code at semicolons and braces, indenting blocks with 2 spaces, 4 spaces or tabs.
• Leave the semicolons inside for loop headers on one line, since they sit inside parentheses.
• Keep string, template literal and regular expression contents exactly as written.
• Minify by removing comments and collapsing runs of whitespace into single spaces.

When it works best

• Reading a short minified function from a third-party script or a bookmarklet.
• Making sense of a one-line snippet someone pasted into a ticket or chat.
• Squeezing a small script onto one line for an HTML attribute or a quick console paste.

Things to know

• The code is never executed or uploaded; it is tokenised in your browser.
• This is a lightweight layout tool, not a full parser like Prettier. Object literals are broken across lines like blocks, and code is not checked for errors.
• Minify does not rename variables or remove dead code. It also joins lines, so code that relies on automatic semicolon insertion can break; add semicolons first.
• For JSON data rather than code, the JSON Formatter validates as it formats.

Frequently asked questions