ESLint Flat Config Generator
Build a modern ESLint flat config (eslint.config.js). Pick your project type, code style and rule severities, then copy the generated file or the npm install command. Everything runs in your browser.
1. Project type
2. Code style
3. Rule severities
4. Plugins
Generated eslint.config.js
Install command
Run this in your project to install ESLint plus the plugins you selected.
How to use
- Select your project type — React, Vue, Node and TypeScript add their own recommended presets.
- Set your code style and the severity of each rule.
- Copy or download eslint.config.js into your project root.
- Run the install command, then run
npx eslint .to lint your code.
Frequently Asked Questions (FAQ)
What does the ESLint Config Generator create?
It generates a ready to use eslint.config.js file for the modern ESLint flat config format. Pick the project type, code style and rule severities, then copy the file or the install command.
Which project types are supported?
Vanilla JavaScript, React, Vue, Node.js and TypeScript. Each type adds its matching recommended preset and plugin imports to the generated config.
Which rules can I configure?
You can set no-console, eqeqeq, no-unused-vars, no-debugger and prefer-const to off, warn or error, and choose semicolons, quotes and indentation style.
Which ESLint plugins are included?
Optional plugins for import order, async best practices and security checks. Tick the ones you want and the config adds their imports and recommended settings.
How do I install ESLint with the generated config?
The page shows an npm install command with --save-dev that includes ESLint plus every plugin you selected. Run it in your project, then run npx eslint . to lint your code.