JavaScript Beautifier

JavaScript beautifier is a tool designed to enhance the readability and structure of JavaScript code.

What is a JavaScript beautifier?

A JavaScript beautifier (also called a JS formatter or prettifier) takes compressed or untidy JavaScript and rewrites it with line breaks, spacing and indentation, so the logic is easy to follow. It changes how the code looks, not what it does.

How to use the JavaScript beautifier

Paste your JavaScript into the editor above.
Click Beautify JavaScript.
Copy the formatted code and use it in your project.

Example

Before:

function add(a,b){return a+b;}console.log(add(2,3));

After (the exact indentation can differ):

function add(a, b) {
    return a + b;
}
console.log(add(2, 3));

When to use a JavaScript beautifier

To read minified JavaScript from a library or website and understand what it does
To clean up code that was written or pasted with inconsistent spacing
To check where a function or block starts and ends while debugging
To make code easier to review before you share it

Beautifier vs minifier

A beautifier adds line breaks and indentation so people can read the code. A minifier removes them, along with comments, to make the file smaller and faster to load. Use the beautified version while you work, and the minified version on your live site.