Dev Tool

ESLint Config Generator

Generate .eslintrc.json or eslint.config.js (flat config) for any stack. React, TypeScript, Next.js, Vue — live preview, copy & download.

📄Config Format

🌍Environment Presets

🔗Extends

eslint:recommended

Core ESLint recommended rules

plugin:react/recommended

React best practices

@typescript-eslint/recommended

TypeScript rules

plugin:import/recommended

ES6 import/export rules

plugin:jsx-a11y/recommended

Accessibility rules for JSX

plugin:prettier/recommended

Prettier integration (disables conflicting rules)

⚙️Parser

espree (default)@typescript-eslint/parser@babel/eslint-parser

📜Rules

no-console

Disallow console.log in production code

no-unused-vars

Disallow declared but unused variables

no-undef

Disallow undeclared variables

eqeqeq

Require === instead of ==

Mode:

prefer-const

Prefer const over let when variable is not reassigned

arrow-body-style

Require/disallow braces in arrow function body

Style:

semi

Require or disallow semicolons

Semicolons:

quotes

Quote style for strings

Quote type:

indent

Indentation style

Spaces/Tab:

✏️Custom Rules

👁️Live Preview — .eslintrc.json

{
  "env": {
    "browser": true
  },
  "extends": [
    "eslint:recommended"
  ],
  "rules": {
    "no-console": "warn",
    "no-unused-vars": "error",
    "no-undef": "error",
    "eqeqeq": [
      "error",
      "always"
    ],
    "prefer-const": "error",
    "arrow-body-style": [
      "warn",
      "as-needed"
    ],
    "semi": [
      "error",
      "always"
    ],
    "quotes": [
      "error",
      "single"
    ],
    "indent": [
      "error",
      "2"
    ]
  }
}