Which presets are supported?

Airbnb, Standard, Google, recommended ESLint rules, plus framework-specific (React, Vue, Next.js, TypeScript). Mix and match to taste.

TypeScript or JavaScript?

Both. For TS the generator includes @typescript-eslint/parser and the recommended ruleset. For pure JS omits the TS-specific rules.

Flat config or legacy?

ESLint 9+ flat config by default. Toggle to legacy `.eslintrc.js` for older projects. Flat config is the future.

Does it handle React, Vue, or Svelte?

Yes — framework plugins are added based on your toggle. Each pulls in the right rules and configures the parser correctly.

.eslintrc Generator | DevTools Surf

DevTools Surf

Example: .eslintrc Generator

A worked example, rendered from real sample data. Sign in to run the tool on your own input.

Input

env=browser ts=true react=true

Output

module.exports = {
  env: { browser: true, es2023: true, node: true },
  extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended", "plugin:react/recommended"],
  parser: "@typescript-eslint/parser",
  parserOptions: { ecmaVersion: 2023, sourceType: "module", ecmaFeatures: { jsx: true } },
  plugins: ["@typescript-eslint", "react"],
  rules: {
    "no-unused-vars": "warn",
    "no-console": ["warn", { allow: ["warn", "error"] }]
  }
};

About .eslintrc Generator

.eslintrc Generator preview - Generators tool

ESLint config for Node / TypeScript / React — commonjs output. Part of the DevTools Surf developer suite. Browse more tools in the Generators collection.

Use Cases

Frontend leads initializing lint configs for new React projects
Backend devs setting up Node.js linting with TypeScript support
Teams migrating from TSLint to ESLint with preset generation
CI pipeline builders adding auto-generated lint configs to repos

Tips

Select TypeScript preset to include @typescript-eslint rules
Add React plugin for JSX and hooks linting rules
Output is CommonJS format for maximum ESLint compatibility

Fun Facts

ESLint was created by Nicholas Zakas in June 2013 as a fully pluggable alternative to JSHint, which had limited extensibility.
ESLint's plugin ecosystem has over 3,000 published npm packages, making it the most extensible JavaScript linting tool ever built.
The migration from .eslintrc to eslint.config.js (flat config) began in ESLint v8.21 (2022) and became the default in v9, the biggest API change in the project's history.

FAQ

Which presets are supported?: Airbnb, Standard, Google, recommended ESLint rules, plus framework-specific (React, Vue, Next.js, TypeScript). Mix and match to taste.
TypeScript or JavaScript?: Both. For TS the generator includes @typescript-eslint/parser and the recommended ruleset. For pure JS omits the TS-specific rules.
Flat config or legacy?: ESLint 9+ flat config by default. Toggle to legacy `.eslintrc.js` for older projects. Flat config is the future.
Does it handle React, Vue, or Svelte?: Yes — framework plugins are added based on your toggle. Each pulls in the right rules and configures the parser correctly.

Related Generators Tools

UUID Generator ULID Generator Password Generator cURL to Code Cron Expression Parser SQL Formatter GraphQL Formatter JSON Schema Generator