JS Beautify / Minify

Format JavaScript with proper indentation, consistent semicolons, and sensible line breaks. Handles modern syntax — ES modules, async/await, optional chaining, private class fields, top-level await. Minify mode strips whitespace and comments for production.

What it does

▸Beautifies JavaScript with configurable indent (2, 4, or tab)
▸Handles ES6+ syntax: arrow functions, destructuring, template literals, classes
▸Supports ES modules (import/export), dynamic imports, and top-level await
▸Optional semicolon insertion or removal
▸Minify mode strips whitespace and comments

Use cases

▸Making a minified bundle readable for debugging
▸Formatting code before a code review
▸Cleaning up AI-generated JavaScript
▸Minifying scripts for production deployment

How it works

Paste your JavaScript into the input pane

Choose beautify or minify mode

Configure indent and semicolon preferences

Copy the formatted code from the output pane

Frequently asked questions

1Does it support TypeScript?

This formatter handles JavaScript. TypeScript-specific syntax (type annotations, interfaces, enums) may not format correctly. For TypeScript, use a dedicated TS formatter in your editor.

2Will it change my code's behavior?

No. The formatter only changes whitespace, indentation, and optionally semicolons. It doesn't rename variables, reorder code, or make any semantic changes.

3Does it handle JSX?

JSX syntax is preserved but may not format perfectly since this is a JS formatter, not a JSX-aware one. For JSX, format it in your editor with a Prettier or Biome config.