JavaScript Formatter
Format and minify JavaScript code with proper indentation
About the JavaScript Formatter
This JavaScript formatter beautifies minified code with consistent indentation and restored line breaks, making a bundled or third-party file readable again, and minifies in the other direction to reduce size. Modern syntax is handled, and everything runs in your browser with nothing uploaded.
A JavaScript formatter is most useful on code you did not write. A minified bundle, a snippet from a third-party tag, or a file from an old project with no consistent style all become far easier to reason about once indented properly.
Beautifying minified code will not recover the original — variable names shortened to a and b by a minifier are gone for good — but it does restore structure. Function boundaries, block nesting and control flow become visible, which is usually enough to work out what a script does.
Minifying in the other direction reduces bundle size for production. For real projects a build tool handles that as part of the pipeline; this is for one-off snippets, inline scripts and quick checks.
How to use the JavaScript Formatter
- Paste your JavaScript. Enter the minified or messy code.
- Choose a direction. Beautify to read it, or minify to shrink it.
- Read the structure. Follow the restored indentation and block nesting.
- Copy the result. Take the formatted or minified code.
JavaScript Formatter features
- Beautify minified JavaScript with proper indentation
- Restore line breaks and block structure
- Minify to reduce file size
- Handles modern syntax including arrow functions and classes
- Before and after size comparison
- Runs entirely in your browser
Frequently asked questions
Can beautifying recover original variable names?
No. A minifier discards them permanently. Beautifying restores structure and indentation, not the original naming.
Does formatting change how the code runs?
No. Only whitespace and line breaks change; the code's behaviour is identical.
Is modern syntax supported?
Yes. Arrow functions, classes, template literals, async/await and destructuring are all handled.
Should I minify with this or a build tool?
Use a build tool for real projects. This suits one-off snippets, inline scripts and quick checks.
Is my code uploaded?
No. Formatting and minifying both happen in your browser.