Javascript Minify and Beautify

This tool is designed to help you minify or beautify your JavaScript files quickly and efficiently. Writing JavaScript can often result in long, messy, or poorly formatted code, especially in larger projects. Over time, unorganized code can be difficult to read, debug, or maintain. That’s where this tool comes in.

Simply paste your JavaScript code into the box below and click “Beautify JS” to automatically format your code with proper indentation, spacing, and line breaks. Beautifying your JavaScript makes it much easier to read, understand, and modify, whether you’re debugging an issue or adding new functionality.

Alternatively, click “Minify JS” to compress your code by removing unnecessary spaces, line breaks, and comments. Minified JavaScript reduces file size, which results in faster webpage load times, improved performance, and a smoother experience for your users.

Whether you’re a beginner learning JavaScript, a developer working on production code, or managing large projects, this tool helps you keep your code clean, readable, and optimized. You can effortlessly switch between beautifying for readability and minifying for performance, making it an essential tool for any web development workflow.

Minify / Beautify JS Code

Your code is formatted in your browser and nothing is uploaded.

How to use it

The javascript minify and beautify web tool is a great tool to help you minify or beautify your javascript code.

Add your codePaste your JavaScript into the editor above, or use Load file to open a .js file.
Beautify or minifyClick 'Beautify JS' to lay the code out on multiple lines with proper indentation, or 'Minify JS' to strip comments and squeeze out whitespace that is safe to remove.
Adjust optionsOpen Options to change the indent size, or turn on "Detect packers and obfuscators" so Beautify unwraps a packed eval(...) wrapper first.
Copy or downloadClick Copy to put the result on your clipboard, or Download to save it as a .js file.

Good to know

Whitespace-only, both ways

Minify and Beautify only ever change spacing, line breaks and comments. Every other token keeps its exact value and order, so neither one can change what your code does.

Minify stays ASI-safe

A line break is never removed if your code relies on it to end a statement, only squeezed down to a single newline. This avoids the classic minifier bug where removing a newline silently merges two statements into one.

Unwraps packed code first

Turn on "Detect packers and obfuscators" and Beautify will unwrap a packed eval(function(p,a,c,k,e,d)...) wrapper — even one packed more than once — before laying the result out.

Beautify to develop, minify to ship

Keep a beautified copy while you write and debug — it is far easier to read and spot mistakes in. Minify the final version before it goes live, since a smaller file downloads and parses faster for visitors.

Frequently asked questions

Does minifying rename my variables?

No. This tool only removes comments and whitespace that is safe to remove — it never renames variables or restructures your code, so the logic and names stay exactly as you wrote them.

Why didn't my code get smaller?

If your code already has little extra whitespace, there is not much left to remove. The result box always shows the before and after size so you can see exactly what changed.

Can this decode obfuscated code?

It can unwrap the classic "Packer" eval-wrapper scheme (turn on "Detect packers and obfuscators" in Options) before beautifying. Other obfuscation techniques are not decoded, only reformatted.

Why does it say my code could not be read?

The tool reads through your code before changing anything, and an unusual or unterminated string, comment or template literal can stop it. Your original input is never altered when this happens.

Is my code uploaded?

No. Both minifying and beautifying happen in your browser, and nothing is sent anywhere.

Should I minify or beautify my code?

Beautify while you are writing and debugging — readable, properly indented code is much easier to work with and makes mistakes easier to spot. Minify before you publish, since a smaller file loads faster for your visitors. Keep the beautified version as your working copy either way; a minified file is not meant to be edited by hand.