Beautify minified javascript snippet in browser

JS Formatter is a lightweight JavaScript beautifier and minifier, ideal for quickly tidying short snippets, JS expressions extracted from logs, or sample code plucked out of minified bundles. It recognises common structures such as function declarations, control-flow statements and object literals, wrapping and indenting them sensibly.

Step 1 — paste your JavaScript on the left, or click "Sample" to load a test example. Step 2 — the tool beautifies the code live, breaking function bodies, conditionals and loops onto new lines with 2-space indent. Step 3 — click "Format" to explicitly trigger a full pass. Step 4 — click "Minify" to collapse the code into a single line for size (whitespace-only compression, no name mangling). Step 5 — the right panel supports one-click copy or download as a .js file.

Initial rearrangement of obfuscated code copied from Chrome DevTools Sources so it can be read; expanding one-line JS from logs or stack traces for analysis; cleaning up inline scripts scraped from a web page; formatting short JavaScript expressions or event handlers; keeping code neat when sharing to Slack, Notion, and so on.

The tool uses lightweight rule-based formatting rather than a full AST parse, so it may not handle complex syntax perfectly (object literals inside arrow functions, multi-line template literals, ambiguous regex literals). For large project code we recommend Prettier, ESLint or your IDE built-in formatter. Minify only strips whitespace and newlines; it does not rename variables or drop comments. TypeScript, JSX and Vue SFC syntax extensions are not supported.

All formatting and minifying happens locally in your browser and the code is never uploaded, so you can safely process business scripts, internal utilities or temporary debugging fragments.