Format TypeScript and TSX code including type annotations, interfaces, generics, and decorators using Prettier
Ctrl+Enter to format
TypeScript adds significant syntactic complexity over JavaScript — type annotations, interface definitions, generic constraints, decorator metadata, and conditional types all need to be formatted without breaking their semantics. QuickKit's TypeScript formatter uses Prettier's TypeScript plugin, which understands the full TS syntax tree and reformats code correctly even with complex nested generics or intersection types. Paste TypeScript from a code review, an AI assistant, or a library source file and get back properly formatted code that matches what `tsc` and your editor's format-on-save produces. Supports TSX for React components, path mappings in tsconfig, and both class-based and functional component styles.