What does the beautifier do?

It re-indents your code based on brace depth and adds newlines after braces and semicolons, turning a single dense line into a readable, consistently indented block. You choose 2 spaces, 4 spaces, or tabs.

Does it change my strings or regular expressions?

No. The formatter tokenizes the source so that strings, template literals, regular-expression literals, and comments are treated as opaque units. Their contents are copied verbatim, so a brace or semicolon inside a string never affects indentation.

Is this the same as Prettier?

It applies clean, deterministic indentation but does not reflow long lines to a maximum width or normalise quote style the way Prettier does. It is ideal for making minified or pasted code readable quickly, without installing anything.

Can it format minified bundles?

Yes. Paste a minified one-liner and it will expand braces, statements, and blocks into properly indented code so you can read and debug it. Combine it with our JavaScript minifier to go the other direction.

Is my code uploaded anywhere?

No. All formatting happens in your browser using JavaScript. Your source code never leaves your device, so it is safe for private or unreleased work.

JavaScript Formatter / Beautifier

A JavaScript beautifier turns minified one-liners and inconsistently indented code into clean, readable JavaScript. When you copy a snippet from a bundle, a minified library, or a colleague’s compressed paste, reading it is painful. This formatter re-indents the code in your browser using the indentation style you choose, with no upload and no install.

How it works

The formatter first tokenizes the source. It walks the code character by character and recognises strings, template literals, regular-expression literals, and comments as whole tokens, copying them verbatim. This matters because a {, }, or ; inside a string must not affect the layout. The tricky / character is classified as a regex or a division operator based on the preceding significant token, the same heuristic a real parser uses.

With the tokens identified, the beautifier re-emits the code: it increases the indent level after every {, decreases it before every }, and starts a new line after each } and ;. Closing braces that are immediately followed by ), ,, ;, or . stay on the same line so method chains and callback arguments read naturally. You can pick 2-space, 4-space, or tab indentation.

Notes and limitations

This tool focuses on indentation and statement layout. It does not wrap long lines to a fixed print width or rewrite quote styles, which is where full formatters like Prettier go further. For most debugging and code-reading tasks, fast, deterministic re-indentation is exactly what you need. Everything runs locally, so it works offline and keeps your code private.