JavaScript Beautifier

Turn minified or poorly formatted JavaScript into clean, indented, readable code.

Minified / messy JavaScript

Formatted output

function greet(name) {
  const message = "Hello, " + name + "!";
  console.log(message);
  return message;
}

Example input

function greet(n){...}

Example output

function greet(name) { ... }

What is a JavaScript Beautifier?

Minified JavaScript strips out whitespace, shortens variable names, and collapses everything onto as few lines as possible, which is great for production performance and completely unreadable for a human trying to understand what the code actually does. A JavaScript beautifier reverses that process, adding back indentation, line breaks, and spacing based on the code's actual structure, without changing what the code does or renaming anything back.

When to use it

This is useful when you need to read or debug a piece of minified JavaScript, whether that's a third-party library's production build, a script pulled from a website's source that you're trying to understand, or minified code from an old project that lost its readable source. It's also handy when someone pastes a wall of unformatted JavaScript into a chat or ticket and you want to actually read it before responding.

How it works

The beautifier parses the JavaScript and re-outputs it with consistent indentation based on nesting level, line breaks after statements and around blocks, and spacing around operators and braces following common formatting conventions. It doesn't attempt to reverse variable name shortening or undo other minification transformations like dead code removal, since those changes aren't simply reversible. What it recovers is structural readability, turning a wall of code back into something with visible functions, blocks, and statements.

Frequently asked questions

Can a beautifier restore the original variable names from minified code?

No. Minification typically renames variables to short single letters to save space, and that renaming isn't reversible since the original names aren't stored anywhere in the minified output. A beautifier restores formatting and structure, not the original naming.

Is beautifying JavaScript the same as decompiling it?

Not quite. Beautifying just reformats the code's existing structure for readability. Decompiling generally refers to reconstructing higher-level source code from a lower-level compiled or bundled form, which is a more complex and less reliable process. Beautified minified JavaScript is still the same code, just reformatted, not reconstructed from something more compressed like a compiled binary.

Will beautifying my JavaScript change how it runs?

No. Beautifying only adds whitespace, indentation, and line breaks. It doesn't alter the logic, order of operations, or behavior of the code in any way, so the formatted output runs identically to the original minified version.