ESLint Config Generator

How It Works

Configure your eslint.config.js (flat config format) using the visual builder — choose a preset, add config blocks, set language options, toggle rules by category, and specify plugins. The tool generates a complete, copy-ready flat config file in the modern ESLint format introduced in ESLint v9.

Features

• 6 presets: JavaScript (Recommended), TypeScript, React + TypeScript, Node.js, Vue.js, Strict
• Multiple config blocks: add, remove, and name individual config blocks — each targeting different file globs
• Global ignores: top-level ignores block that applies across all configs
• File and ignore patterns: per-block glob patterns for files and ignores
• Language options: ecmaVersion (2015–2025 or latest), sourceType (module / commonjs / script), custom parser, JSX support, tsconfig project path
• 30+ rules: organized by category — Possible Errors, Best Practices, Variables, Style, TypeScript
• Per-rule severity: set each rule to off, warn, or error independently
• max-len option: configure the numeric line length value directly from the UI
• Plugins: list plugin names per block (rendered as object keys in the output)
• Import existing config: paste a flat config and parse it back into the editor
• Validation: real-time warnings for empty patterns, duplicate rules, and misconfigured options
• Copy output: one-click copy of the generated eslint.config.js
• Private: runs entirely in the browser — no data transmitted

Use Cases

• Bootstrapping an ESLint flat config for a new JavaScript or TypeScript project
• Migrating from the legacy .eslintrc format to the modern flat config format
• Configuring a strict linting setup to enforce code quality rules across a monorepo
• Setting up React + TypeScript linting with @typescript-eslint and react-hooks plugins
• Generating a Node.js-specific config with CommonJS source type and appropriate rule overrides
• Comparing rule severity choices across different presets before committing to a config