💻
Developer Tools
Developer Tools
Loading…
JavaScript Beautify & Minify
JavaScript Formatter · JS Minifier — reformat messy JavaScript with consistent indentation (Beautify), or compress it by shortening variable names and removing whitespace (Minify). Beautify uses js-beautify; minification uses Terser for high-quality output. Results can be copied instantly. Free online JavaScript formatter.
How to Use
① Paste your JavaScript into the input field. ② Click 'Beautify' or 'Minify'. ③ The result appears below. ④ Click 'Copy' to save to your clipboard.
When to Use
• Reformatting library source code for debugging • Minimizing JavaScript before production deployment to reduce bundle size • Standardizing indentation before a code review • Improving readability of a code snippet
Frequently Asked Questions
- Q. Does it support ES6+ syntax?
- A. Yes, arrow functions, destructuring, template literals, and other modern JavaScript syntax are supported.
- Q. Are variable names shortened when minifying?
- A. By default, Terser may shorten local variable names. Global variable names are preserved.
- Q. Can it handle TypeScript?
- A. The beautify function handles TypeScript to a degree, but full support is not guaranteed. A TypeScript-specific tool is recommended.
- Q. Does the JavaScript minifier support ES6+ syntax like arrow functions and classes?
- A. Yes. Powered by Terser, which fully supports ES6+ syntax including arrow functions, destructuring, async/await, and classes.
- Q. Can I beautify already minified JavaScript to make it readable again?
- A. Yes. Paste the minified code and click Beautify to restore indentation and line breaks. Note that variable names and comments removed during minification cannot be recovered.