JavaScript Formatter
Beautify and re-indent minified or messy JavaScript. Preserves strings, template literals, comments and regex. Copy or download — fully in-browser.
About the JavaScript Formatter
This JavaScript formatter takes minified, one-line or badly indented code and re-indents it by block depth so it's readable again. Paste a compressed bundle snippet or a hastily written function, choose your indentation, and get cleanly structured code you can copy or download.
It is a lightweight, dependency-free beautifier that tokenizes the tricky parts of JavaScript first — single and double quoted strings, template literals with ${} interpolation, line and block comments, and regular-expression literals — so none of their contents get mangled during reformatting. Braces open new indented blocks, statements break onto their own lines, and closing braces line up with their openers.
Because it runs entirely in your browser, nothing is uploaded and it works offline. For opinionated, AST-accurate formatting in a project, Prettier is the right tool — but for quickly making pasted or minified code legible, this formatter is instant and private.
How to Use the JavaScript Formatter
- 1Paste your JavaScript into the input box.
- 2Choose 2 spaces, 4 spaces or tabs for indentation.
- 3Click Format to re-indent the code.
- 4Copy the result or download it as a .js file.
Frequently Asked Questions
Will it break my strings, regex or template literals?
No. The formatter tokenizes strings, template literals, comments and regular-expression literals before touching anything, so their contents are preserved exactly. Only the whitespace between real code tokens is changed.
Is this the same as Prettier or ESLint --fix?
Not quite. Those are AST-based tools that enforce a full style guide and can rewrite syntax. This is a fast whitespace-and-indentation beautifier for making pasted or minified code readable. For committed project code, run Prettier; for a quick look at a snippet, this is instant.
Can it unminify a minified bundle?
It can re-indent and line-break minified code so the structure is visible, which is great for debugging. It cannot rename the short mangled variable names a minifier produced — that information is lost during minification and no tool can fully recover it.
Does my code get uploaded?
Never. All formatting happens locally in your browser. Your JavaScript is not sent to any server, so it's safe for proprietary or unreleased code and works without an internet connection.