TypeScript Formatter
Format and validate TypeScript code online for free, right in your browser.
Local browser processing
No sign-up required
Supports TSX / JSX
LanguageFor TS / TSX
TSinput.ts
Indent
⌘⏎Quick format
InputEditable
1
2
3
4
5
6
7
8
9
10
11
12
OutputTypeScript valid12 lines · 229 B
1
2
3
4
5
6
7
8
9
10
11
12
interface User {
id: number
name: string
active?: boolean
}
function greet(user: User): string {
return `Hello, ${user.name}!`
}
const users: User[] = [{ id: 1, name: "Ada", active: true }]
console.log(users.map(greet))
UTF-8 · Indent: 2 spacesLocal processing · Ready
How It WorksTypeScript
Overview
This TypeScript formatter cleans up code with inconsistent indentation or mixed styles into a unified style, powered by Prettier and the real TypeScript compiler parser. Interfaces, generics, decorators, enums, and JSX syntax in TSX files are all correctly recognized. Everything runs locally in your browser; your data never leaves your device.
Use Cases
Unify a team's TypeScript code styleClean up code pasted from docs or generated by AICheck whether interface and generic syntax is correctFormat .tsx component code that includes JSX
Steps
123
Paste or uploadAdjust format optionsGet the result