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.
ESLint Config Generator
Build modern ESLint flat configs visually
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.
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
More tools
Code Playground
Write HTML, CSS & JS with live preview.
JSON Formatter
Beautify, validate & minify JSON.
Base64 Encoder
Encode & decode text and files.
JWT Decoder
Inspect tokens without sending them anywhere.
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