JavaScript Minifier & Beautifier

How JavaScript Minifier & Beautifier works, step by step

1

Paste your JavaScript.

2 Download it

Choose Minify or Beautify.

Free JavaScript Minifier & Beautifier

Minify mode shrinks your JavaScript by removing <code>//</code> line comments and <code>/* */</code> block comments and collapsing unnecessary whitespace and blank lines — safely, using a real tokenizer that understands strings, template literals and regular expression literals, so a <code>//</code> inside a string or URL is never mistaken for a comment and stripped by accident. This is an honest whitespace-and-comment minifier: it does not rename variables or restructure logic the way a build-tool minifier like Terser does, so the output behaves identically to the input, just smaller.

Beautify mode does the reverse: paste dense, minified or poorly formatted JavaScript and get it re-indented with consistent spacing around braces, so you can actually read and debug it — useful when inspecting a third-party script or a minified file you need to understand.

Key features

How to use it

1. Paste your JavaScript.
2. Choose Minify or Beautify.
3. Review the result and the size comparison.
4. Copy or download the output.

Worked example

Example

function add(a,b){\n  // sum two numbers\n  return a + b;\n}\n -> minified: function add(a,b){return a+b;}

Who uses this tool

Tips for the best results

• This is a comment-and-whitespace minifier, not a full build-tool minifier — for maximum size reduction with variable renaming on a large production app, a real bundler (esbuild, Terser, webpack) is still the right tool.
• Always test minified output before deploying — while this tool is careful about strings and regex literals, any minifier can interact unexpectedly with unusual edge-case syntax.
• Beautify mode is for reading, not for restoring original variable names or comments that a real minifier already removed — those are gone permanently once stripped.

Common mistakes to avoid

• Assuming any minifier guarantees zero risk — always diff-test minified output against the original before shipping to production.
• Expecting beautify mode to undo full build-tool minification (renamed variables, removed comments) — it can only re-indent, not un-rename.
• Minifying code that's already been through a real bundler expecting further size gains — most of the safe whitespace savings will already be gone.

Frequently asked questions