TL
Tool Lab
💰捐贈
💰捐贈

JavaScript Beautifier

Format, beautify, and minify JavaScript code instantly. Paste minified JS to get clean, readable code with proper indentation — runs entirely in your browser.

Input
Output
About This Tool
The JavaScript Beautifier formats compressed or unreadable JavaScript into clean, properly indented code. It handles all standard ES2022+ syntax including arrow functions, template literals, destructuring, async/await, and class syntax. The formatter preserves string content exactly — including special characters — and correctly skips code inside comments.
The minify mode strips comments and unnecessary whitespace, preserving a single space between identifiers to avoid syntax errors. All processing runs in your browser — no code is ever sent to a server.
How to Use
  1. Paste minified or messy JavaScript into the Input panel.
  2. Choose your preferred indentation (2 or 4 spaces).
  3. Click Fmt to format, or Min to minify.
  4. Click Copy to copy the result to your clipboard.
Use Cases
Developers use this to inspect and debug minified JavaScript from production bundles, npm packages, or browser extensions. It's ideal for reading obfuscated third-party scripts, understanding jQuery plugins, and formatting code copied from Stack Overflow. The minify mode reduces script size for embedding inline in HTML without a build tool.
FAQ
  • Does it support TypeScript? — TypeScript syntax is largely a superset of JavaScript. Simple TypeScript (types, interfaces, generics) will format correctly. For full TypeScript support use the TypeScript Beautifier.
  • Does it support JSX? — Not natively. JSX syntax with angle brackets may not format correctly. Use a dedicated JSX formatter for React component files.
  • Is my code safe? — All processing is local in your browser. No code is ever transmitted to any server.