Online Tool Store
tsconfig Builder
Choose target, module, and strictness options to generate a clean tsconfig.json file. Runs entirely in your browser.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
tsconfig.json
{
"compilerOptions": {
"target": "ES2022",
"module": "ESNext",
"strict": true,
"esModuleInterop": true,
"skipLibCheck": true,
"moduleResolution": "bundler"
}
}Example shown — adjust the options above for your own project.
How it works
- Choose your target ECMAScript version, module system, and strictness.
- The tsconfig.json is assembled from your selections.
- Copy the result into your project.
Building maps each dropdown selection to its corresponding
compilerOptions field and serializes the result to
valid JSON — the same file structure the TypeScript compiler reads
at build time.
FAQ
Is my project data uploaded anywhere?
No. The config is generated entirely in your browser — nothing is sent to a server.
What options can I configure?
Target ECMAScript version, module system, strict mode, and other common compilerOptions fields used in everyday TypeScript projects.
Does it cover every possible tsconfig option?
It covers the most commonly used options. For advanced project references or path mapping, you may still need to hand-edit the generated file.
Can I copy the result straight into my project?
Yes — copy the generated JSON directly into a tsconfig.json file at your project root.
How we compare
| Feature | Online Tool Store | tsc --init | Copying a template repo |
|---|---|---|---|
| No install, works in any browser | ✓ | Requires Node.js + TypeScript installed | ✓ |
| Only the options you choose | ✓ | Generates every option, mostly commented out | Inherits someone else's unrelated choices |
tsc --init dumps every possible option commented out. tsconfig Builder gives you a clean file with exactly what you selected.