TypeScript Formatter & Minifier
Beautify TypeScript with Prettier, or minify it. This tool beautifies and minifies TypeScript on one page — paste your code, pick a mode, and click. Everything runs on your device, nothing is sent to a server.
Everything runs in your browser. Your code is never sent to our servers.
Example
Example Input
type A={a:number;b:string}Example Output
type A = { a: number; b: string };How to Use
- 1Choose Format or Minify mode at the top.
- 2Paste your TypeScript code into the Input field.
- 3If needed, set the indent width in "More settings".
- 4Click the button (or press Ctrl+Enter) to process. The result appears in the Output field.
- 5Click Copy to copy the result.
About the TypeScript Formatter
The TypeScript Formatter beautifies TS code using Prettier, understanding type annotations, interfaces, generics, and other TS features, or minifies it for production.
How it works: Format runs Prettier with the TypeScript parser, which parses the code (including types) into an AST then reprints it consistently. Minify removes comments and whitespace.
Formatting TypeScript keeps a typed codebase consistent, especially helpful for long type declarations and complex generics.
FAQ
Can this TypeScript tool both format and minify?
Yes. One page with a toggle — Format mode prettifies (beautifies) with indentation, and Minify mode compacts it. No need for two separate pages.
Is my code sent to a server?
No. TypeScript is processed entirely in your browser using JavaScript/WebAssembly. Your code never leaves your device.