Initialising Workbench...
Build your ESLint config visually. Choose parser, environments, extends presets and rules — then get a ready-to-use config file.
env
extends
plugins
.eslintrc.json
Every tool runs entirely in your browser. Nothing you type is uploaded, stored, or logged on our servers.
The ESLint Config Generator builds a complete ESLint configuration by clicking checkboxes instead of reading docs. It supports both the legacy .eslintrc.json format and the new flat eslint.config.js format introduced in ESLint 9.
Pick your parser (Babel, TypeScript), environments, extends presets (Airbnb, Standard, Next.js, Prettier), plugins, and common rules like no-console and semi. The live preview updates instantly — copy or download when you're ready.
It builds a starter ESLint configuration from your chosen options, giving you a valid config file you can drop into a project to start linting immediately.
No. The config is generated entirely client-side in your browser, so nothing you select is uploaded.
Save it as your ESLint config file (such as .eslintrc.json or eslint.config.js) at your project root, then run ESLint to lint your code.
Yes. This tool produces the config text only. You install ESLint and any referenced plugins or presets through your own package manager.
Yes. The output is a plain config you can edit freely, adding or overriding rules to match your team's style guide.