web

JavaScript Beautifier

Format ugly or minified JavaScript code into clean, readable output. Configurable indent style and line width.

Indentation:spaces

Input

function add(a,b){return a+b}const sum=add(1,2);console.log(sum);

Output

function add(
  a,
  b
){
  return a+b
}const sum=add(
  1,
  2
);
console.log(
  sum
);

Heuristic beautifier. Works for typical JavaScript/TypeScript code without exotic syntax.

How to use JavaScript Beautifier

1Paste your input in the panel above or use the example data if available.
2Choose an action — format, generate, convert, encode, or analyze.
3Your result appears instantly. Use Copy to grab it, or Download if a file option is shown.

Runs entirely in your browser

Nothing you type, paste, generate, or upload leaves your device.

Beautify and format HTML.

Format and minify CSS.