Quick Answer
A JavaScript beautifier re-indents minified or cramped code so each statement sits on its own line at the correct depth. This one is brace-aware and string-safe — blocks indent, and the inside of strings and template literals is never touched.
What This Tool Does
The beautifier scans your code, tracking quote context so it never reformats inside strings, and uses brace depth to indent blocks. Statements end cleanly at semicolons, and braces get their own lines — the classic readable style.
Key Features
- Brace-aware —
{and}drive indentation depth. - String-safe — quotes and template literals are preserved verbatim.
- Statement-per-line — semicolons split long runs of minified code.
- Instant — live updates as you type.
How to Use the JavaScript Beautifier
- Paste your minified JavaScript into the input box.
- Read the formatted output on the right.
- Copy or download the readable version.
Use Cases
- Reading a minified third-party script before deciding to use it.
- Recovering a readable version of a snippet you only have minified.
- Reviewing a generated bundle section by section.
Tips
- Beautified output is for humans — keep minifying for production.
- Arrow functions and object literals survive fine, but check a couple of complex expressions after formatting.
Privacy
Your code never leaves your browser.
Conclusion
Readable code is debuggable code. Paste minified JS, get it back human-readable, and move on — free and private.