ESLint Config Generator — Professional Code Quality & Linting Rules
Generate .eslintrc.json configurations for JavaScript and TypeScript projects. Pick Airbnb, Standard, or Google style guide — with React and Prettier support — and get a ready-to-use config with the exact npm install command.
How to Use ESLint Config Generator — Professional Code Quality & Linting Rules
How to Use the ESLint Config Generator:
Choose Your Language: Select JavaScript for plain JS projects or TypeScript for TypeScript projects. Selecting TypeScript automatically adds @typescript-eslint/parser as the parser and plugin:@typescript-eslint/recommended to the extends list — catching type-related mistakes that plain ESLint cannot detect.
Select the Environment: Pick Browser if your code runs in the browser (adds window, document, and other browser globals). Choose Node.js for backend or CLI projects (adds process, require, __dirname, and other Node.js globals). Select Browser + Node for fullstack code, monorepos, or universal libraries that run in both environments.
Pick a Style Guide: Airbnb is the most widely adopted — comprehensive and strict, great for teams. Standard uses no semicolons and fewer peer packages, popular in open-source Node.js projects. Google follows Google's JavaScript style guide and is slightly less strict than Airbnb. None gives you only eslint:recommended as a minimal baseline to extend manually.
Toggle React Support: Enable this if your project uses React. It adds plugin:react/recommended (component best practices) and plugin:react-hooks/recommended (rules of hooks). Also sets react/react-in-jsx-scope to off so you do not need to import React in every JSX file (React 17+).
Toggle Prettier Support: Enable this if you use Prettier alongside ESLint. It adds eslint-config-prettier to disable all ESLint formatting rules that conflict with Prettier, and adds the prettier/prettier rule to report formatting violations as ESLint errors. Without this, ESLint and Prettier will conflict on indentation and trailing commas.
Copy the Config: The .eslintrc.json is generated instantly as you change any option. Click Copy to copy it to your clipboard or Download to save it directly as .eslintrc.json. Place this file in the root directory of your project.
Run the Install Command: Copy the install command shown below the config and run it in your project directory. It lists every npm package required for your chosen combination of language, style guide, and options.
Common Use Cases:
- React + TypeScript app: Select TypeScript, Browser, Airbnb, enable React. Run the install command, place the config in the project root, then run npx eslint . --ext .ts,.tsx to start linting.
- Node.js API (TypeScript): Select TypeScript, Node.js, Airbnb (React off). Covers import ordering, TypeScript strictness, and consistent naming across your backend.
- Open-source Node.js package: Select JavaScript, Node.js, Standard. Standard is widely used in the Node.js open-source community and requires minimal peer dependencies.
- Fullstack Next.js project: Select TypeScript, Browser + Node, Airbnb, enable React. Next.js runs code on both server and client, so both sets of environment globals are needed.
- Quick personal project: Select JavaScript, Browser, None. You get only eslint:recommended — catches real errors without enforcing an opinionated style.
Tips:
- Add "lint": "eslint . --ext .js,.ts,.jsx,.tsx" to your package.json scripts so you can run npm run lint from any directory.
- Use // eslint-disable-next-line rule-name above a line to suppress a specific rule without disabling it globally.
- For TypeScript configs, make sure tsconfig.json is at the project root — the parserOptions.project path must resolve correctly or type-aware rules will fail with a parse error.
- If you use Vite, Create React App, or Next.js, check whether they ship their own ESLint config — you may want to extend it rather than replace it.
Frequently Asked Questions
Most Viewed Tools
TOTP Code Generator — 2FA Testing Tool
Generate time-based one-time passwords from a TOTP secret key. Enter your base32 secret, choose a period and digit length, and get the current and next codes with a live countdown timer. Useful for testing and debugging 2FA integrations.
Use Tool →JSON to Zod — Schema Generator
Generate Zod validation schema code from a JSON sample object. Infers z.string(), z.number(), z.boolean(), z.array(), z.object(), and z.null() types automatically. Handles nested objects, arrays of objects with optional field detection, and outputs copy-ready TypeScript with import and z.infer type alias.
Use Tool →JSONL Formatter — Line-by-Line Validator
Format, validate, and inspect JSON Lines (JSONL) and NDJSON files. Validates each line individually, reports parse errors by line number, outputs compact JSONL or a pretty-print preview, and lets you download the cleaned file.
Use Tool →TLS Cipher Suite Checker — Strength Analyzer
Check TLS protocol version compatibility and cipher suite strength ratings against current best practices. Supports IANA and OpenSSL cipher names — rates each suite as Strong, Weak, or Deprecated and explains why.
Use Tool →Secret Scanner — API Key & Credential Detector
Scan pasted text, code, or config files for accidentally exposed API keys, tokens, passwords, and private keys. Detects 50+ secret types across AWS, GitHub, Stripe, OpenAI, and more — all client-side, nothing leaves your browser.
Use Tool →Password Entropy Calculator — Crack Time Estimator
Calculate the information-theoretic bit entropy of any password or API key. Detects character set pools automatically, shows the total number of possible combinations, and estimates crack time across five attack scenarios from rate-limited web logins to GPU cracking clusters.
Use Tool →TOML Config Validator — Syntax Error Finder
Validate TOML configuration file syntax and report errors with line numbers. Paste any TOML content — Cargo.toml, pyproject.toml, config.toml — and instantly see a green checkmark with key counts and structure stats, or a precise error message pointing to the exact line. Includes a collapsible JSON structure preview to confirm what was parsed.
Use Tool →Screen Size Converter — Diagonal Dimension Tool
Calculate screen width and height from diagonal size and aspect ratio. Convert between inches and centimeters for displays, TVs, and monitors with instant dimension calculations.
Use Tool →Related Development Tools
QR Code Generator — Downloadable PNG Output
FeaturedCreate custom QR codes for URLs, text, and contact info
Use Tool →TOML to JSON Converter — Config File Tool
Convert TOML configuration files to JSON format instantly. Paste any TOML — Cargo.toml, pyproject.toml, config.toml — and get clean, pretty-printed JSON output. Supports all TOML types: strings (basic, literal, multi-line), integers (decimal, hex, octal, binary), floats, booleans, datetimes, arrays, inline tables, tables, and arrays of tables.
Use Tool →JSONL Formatter — Line-by-Line Validator
Format, validate, and inspect JSON Lines (JSONL) and NDJSON files. Validates each line individually, reports parse errors by line number, outputs compact JSONL or a pretty-print preview, and lets you download the cleaned file.
Use Tool →HTML Table to CSV Extractor — Table Scraping Tool
Extract HTML table markup and convert it to clean CSV format. Paste any HTML snippet or full page source — the tool finds the table, parses thead and tbody rows, handles colspan and rowspan merging gracefully, and outputs a properly quoted CSV ready to download or paste into a spreadsheet. When multiple tables are found, switch between them with a click.
Use Tool →TOML Config Validator — Syntax Error Finder
Validate TOML configuration file syntax and report errors with line numbers. Paste any TOML content — Cargo.toml, pyproject.toml, config.toml — and instantly see a green checkmark with key counts and structure stats, or a precise error message pointing to the exact line. Includes a collapsible JSON structure preview to confirm what was parsed.
Use Tool →INI to JSON Converter — Config File Tool
Convert INI configuration files and Java .properties files to JSON format instantly. Paste any INI file — php.ini, app.ini, Windows .ini — or a Java .properties file with dotted keys and get clean, structured JSON output. Supports section headers, inline comments, quoted values, boolean coercion (true/false/yes/no/on/off), numeric parsing, continuation lines, and Unicode escapes.
Use Tool →JSON to TypeScript — Interface Generator
Generate TypeScript interfaces from JSON objects instantly. Infers types for strings, numbers, booleans, arrays, and nested objects. Detects optional fields from array element merging, handles null values, and outputs clean, ready-to-use interface definitions.
Use Tool →CSV Pivot Table Generator — Aggregation Tool
Group and aggregate CSV data by one or more columns to create summary pivot views. Supports Count, Sum, Average, Min, and Max aggregations with multi-column grouping. Paste or upload any CSV, select group-by columns and aggregation type, and download the pivot summary as a new CSV file. Runs entirely in your browser.
Use Tool →Share Your Feedback
Help us improve this tool by sharing your experience