ESLint Config Generator

Build your ESLint config visually. Choose parser, environments, extends presets and rules — then get a ready-to-use config file.

Output Format

Config Format

Parser & Language Options

Parser

ECMAScript Version

Source Type

Environments

env

Extends

extends

eslint:recommended

Core ESLint rules

airbnb

Airbnb style guide

airbnb-base

Airbnb (no React)

standard

JavaScript Standard Style

next/core-web-vitals

Next.js + Web Vitals

prettier

Disable formatting rules (use last)

Plugins

plugins

plugin:react/recommended

React-specific rules

plugin:react-hooks/recommended

Hooks rules

plugin:jsx-a11y/recommended

Accessibility rules

plugin:import/recommended

ES import/export rules

plugin:@typescript-eslint/recommended

TypeScript rules

Common Rules

no-console

Disallow console.log calls

no-unused-vars

Error on declared but unused variables

semi

Require semicolons

quotes

.eslintrc.json

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.

ESLint Config Generator

Build your ESLint config visually. Choose parser, environments, extends presets and rules — then get a ready-to-use config file.