Online Tool Store
ESLint Config Builder
Pick an environment, parser, extends list, and rule overrides through a simple form and get a ready-to-copy .eslintrc.json file. Runs entirely in your browser.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
How it works
- Pick environments, a parser, and which shared configs to extend.
- Set severity (off/warn/error) for a handful of common rules.
- Copy the generated JSON or download it directly as .eslintrc.json.
FAQ
What ESLint config format does this generate?
The classic .eslintrc.json format (env, parser, extends, parserOptions, rules) — still supported by ESLint alongside the newer flat config format, and the most common format in existing projects.
Can I use this with a TypeScript project?
Yes — select @typescript-eslint/parser as the parser and keep the ts-eslint:recommended extends entry checked; you'll still need to install @typescript-eslint/parser and @typescript-eslint/eslint-plugin as dev dependencies.
Does this validate that my rule names are correct?
The built-in rule list here (no-unused-vars, no-console, eqeqeq, semi) are real, common ESLint core rules. This tool doesn't validate arbitrary custom rule names — check your plugin's docs for its exact rule IDs.
How we compare
| Feature | Online Tool Store | Writing JSON by hand |
|---|---|---|
| No syntax errors from typos | ✓ | Easy to introduce a stray comma |
| Instant preview as you toggle options | ✓ | ✗ |