TypeScript / JavaScript Formatter
Beautify and minify TypeScript and JavaScript code online. Format code with consistent indentation.
About This Formatter
This tool provides basic TypeScript and JavaScript formatting — restructuring code with consistent indentation based on brace nesting depth. It is useful for quickly making compact, hard-to-read code more readable.
For production use, consider Prettier (prettier.io) which provides AST-level formatting with configurable rules. This tool is lightweight and requires no installation.
How to Use
- Paste your TypeScript or JavaScript code
- Choose Beautify or Minify mode
- Adjust indent size in Settings
- Copy or download the result
Frequently Asked Questions
Does this work for JavaScript too?
Yes. TypeScript is a superset of JavaScript, so this formatter handles both .ts and .js files.
Will it format JSX/TSX?
Basic JSX structure is handled, though complex multi-line JSX may not indent perfectly. For JSX, Prettier is recommended.
What about minifying TypeScript?
Minifying TypeScript makes sense for build artifacts. The TS compiler (tsc) or build tools like esbuild are better for production minification, but this tool works for quick size estimates.
Are comments removed during minification?
Yes. Both // single-line and /* multi-line */ comments are removed in minify mode.
Is my code sent to a server?
No — all processing happens in your browser.