TypeScript Formatter
FormattersFormat TypeScript with Prettier's TS parser. Preserves type annotations, generics, decorators, interfaces, and mapped types. Full TypeScript 5.x. 100% browser-based.
About TypeScript Formatter
The TypeScript Formatter is a Prettier-powered, browser-based tool that instantly beautifies TypeScript code while preserving all type information. Using Prettier's TypeScript parser, it handles the full TypeScript 5.x language — type annotations, generics, interfaces, enums, decorators, mapped types, conditional types, template literal types, and `satisfies`. Configurable indentation and an 80-column print width produce output that matches the style of leading TypeScript projects. All processing happens in a Web Worker; your code never leaves the browser.
Features
- ✓Powered by Prettier's TypeScript parser — preserves all type information faithfully
- ✓Full TypeScript 5.x support: satisfies, const type params, decorators (TC39 stage 3)
- ✓Handles interfaces, enums, type aliases, mapped types, and conditional types
- ✓Preserves generic constraints, function overloads, and declaration merging
- ✓Supports abstract classes, access modifiers (public/private/protected/readonly)
- ✓Configurable indentation: 2 spaces, 4 spaces, or tab; print width 80
- ✓Web Worker execution — formatting never blocks the UI
- ✓Syntax-highlighted editor for both input and output
- ✓One-click clipboard copy of formatted output
- ✓Real-time byte-savings stats (input vs output size)
- ✓Language picker — instantly switch to TSX, JavaScript, or 20+ other formatters
- ✓Mobile-responsive layout with a dedicated Format button
- ✓100% client-side — your code never leaves the browser
Common Use Cases
- Beautifying minified or auto-generated TypeScript type definitions before reviewing
- Normalising code style in a TypeScript monorepo before committing
- Formatting TypeScript snippets for documentation, README files, or blog posts
- Cleaning up inconsistently indented TypeScript received from external contributors
- Preparing readable TS interfaces and type aliases for sharing in pull requests
- Debugging complex generic and mapped types in a consistently formatted layout
Frequently Asked Questions
QWhich TypeScript version does this support?
TypeScript 5.x — including satisfies, const type parameters, decorator metadata, and all earlier TypeScript features.
QDoes it remove or modify my type annotations?
No. Prettier's TypeScript parser is type-annotation-aware and preserves all annotations, generics, interfaces, and enums exactly as written. Only whitespace and formatting are changed.
QIs my code sent to a server?
No. All formatting runs locally in a Web Worker. Your TypeScript code never leaves the browser.
QWhat is the difference between this and the TypeScript Minifier?
The formatter makes code human-readable with proper indentation. The TypeScript Minifier compiles TS to JavaScript and then applies Terser to produce the smallest possible output for production deployment.