ESLint Config Generator - Free Online Dev Tool | IconVault

Build a modern ESLint flat config visually: pick rule severities, add ignore patterns, export ready code. Free, in your browser.

All tools

ESLint Config Generator

Build modern ESLint flat configs visually

5 of 5 free uses left
Language preset:

Rules - pick a severity for each

no-unused-vars

Disallow unused variables and function arguments

no-console

Disallow console.log in shipped code

no-debugger

Disallow debugger statements

eqeqeq

Require === and !==

prefer-const

Prefer const for never-reassigned bindings

no-var

Disallow var, use let or const

curly

Require braces around every block

no-eval

Disallow eval()

no-alert

Disallow alert(), confirm() and prompt()

no-throw-literal

Only throw Error objects, never literals

semi

Require (or ban) semicolons

quotes

Enforce a quote style

@typescript-eslint/no-explicit-any

Ban the any type

@typescript-eslint/no-non-null-assertion

Ban the ! non-null assertion

Ignore patterns (one per line)

eslint.config.js - live preview

// Generated with IconVault's ESLint Config Builder
// Install: npm i -D eslint @eslint/js typescript-eslint

import js from "@eslint/js";
import tseslint from "typescript-eslint";

export default [
  {
    ignores: [
      "node_modules/",
      "dist/",
      ".next/",
    ],
  },
  js.configs.recommended,
  ...tseslint.configs.recommended,
  {
    rules: {
      "no-unused-vars": "error",
      "no-console": "warn",
      "no-debugger": "error",
      "eqeqeq": "warn",
      "prefer-const": "warn",
      "no-var": "error",
      "no-eval": "error",
      "no-alert": "warn",
      "no-throw-literal": "error",
      "@typescript-eslint/no-explicit-any": "warn",
      "@typescript-eslint/no-non-null-assertion": "warn",
    },
  },
];

5 of 5 free copies left.

This is the modern flat config format (ESLint 9+). The install command at the top of the file lists every package your preset needs.

About this tool

IconVault's ESLint Config Generator builds a modern ESLint flat config (eslint.config.js) through a visual interface instead of docs archaeology. Browse the rule list, set each rule to off, warn or error, add ignore patterns one per line, and copy the generated config straight into your project. It is free and runs fully in your browser.

Flat config replaced .eslintrc in ESLint 9, and writing it by hand means juggling arrays of config objects. This tool generates clean, commented, ready-to-run code you can paste into any JavaScript or TypeScript project.

Frequently asked questions

Popular searches

eslint config generatoreslint flat config generatoreslint.config.js generatorgenerate eslint configcreate eslint config onlineeslint setup tooleslint rule configuratoreslint rules pickereslint severity pickereslint ignore patternseslint flat config exampleeslint 9 config generatoreslint config buildervisual eslint configeslint config makerjavascript linting setuptypescript eslint setupeslint beginner setupeslint recommended configeslint strict configeslint warn vs errorhow to configure eslinthow to write eslint flat configeslint config tutorialfree eslint tooleslint generator online freeeslint tool no signupeslint config for reacteslint config for nodeeslint config for nextjseslint config for vueeslint config typescript projectmigrate eslintrc to flat configeslintrc to flat config convertereslint config best practiceseslint recommended rules listlint javascript onlinejs code quality tooljavascript linter setupeslint ignores exampleexclude files from eslinteslint dist ignoreeslint config commentsreadable eslint configeslint config templatestarter eslint configeslint boilerplatefrontend tooling setupdev tools online freejavascript developer tools

More tools

Coming soon

CLI

Coming soon

Figma plugin

Coming soon

VS Code extension

Coming soon

Chrome extension

Coming soon

AI icon generator

Coming soon

Team workspaces

Coming soon

View all 10+ tools →