explaingit

dustinspecker/awesome-eslint

4,734Audience · developerComplexity · 1/5Setup · easy

TLDR

Awesome ESLint is a community-maintained directory of ESLint plugins, configurations, parsers, and tools, organized by category so you can quickly find the right rule set or extension for your JavaScript project.

Mindmap

mindmap
  root((awesome-eslint))
    Configurations
      Airbnb config
      Shopify config
      Facebook config
    Plugins
      React Vue Angular
      TypeScript
      Security
      Accessibility
    Parsers and tools
      TypeScript parser
      Markdown parser
      Custom formatters
    Resources
      Getting started
      Tutorials
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Things people build with this

USE CASE 1

Find a pre-made ESLint config from Airbnb, Shopify, or Facebook to drop into your project without writing rules manually.

USE CASE 2

Discover ESLint plugins for your tech stack, React, Vue, TypeScript, or accessibility, all in one place.

USE CASE 3

Find security or performance ESLint plugins to add automated safety checks to your CI pipeline.

Tech stack

ESLintJavaScript

Getting it running

Difficulty · easy Time to first run · 5min

This is a curated list, not runnable code, use it to find and npm install the right packages for your project.

No license information is mentioned in the explanation.

In plain English

Awesome ESLint is a curated directory of tools built around ESLint, a popular code checker used by JavaScript developers to catch mistakes and enforce consistent coding style. The repository itself contains no code. It is a structured list of links organized into categories, maintained as a community resource. The list covers several broad areas. Under configurations, you find ready-made rule sets published by well-known companies such as Airbnb, Shopify, Facebook, and Wikimedia, as well as independent config packages oriented toward stricter or more opinionated styles. These configurations are things you drop into a project to get a set of rules without having to define each one yourself. The plugins section is the largest part of the list. Plugins extend ESLint with rules for specific technologies or concerns. Categories include code quality, browser compatibility, CSS-in-JS libraries like Emotion and Styled Components, frontend frameworks such as React, Angular, Vue, and Svelte, TypeScript, accessibility, security, performance, testing tools, and many more. There are also plugins targeting specific libraries like Lodash, Ramda, and RxJS. Beyond configs and plugins, the list also points to parsers (which let ESLint understand non-standard syntax like TypeScript or Markdown), output formatters (which change how results are displayed in a terminal), globals packages (which tell ESLint about variables that exist in specific environments like browser or Node.js), and standalone tools that wrap or extend ESLint in various ways. A section on tutorials and a section on getting started with ESLint itself round out the list. Anyone looking for a specific ESLint plugin or config for their project can use this as a starting point instead of searching through package registries blind. The full README is longer than what was shown.

Copy-paste prompts

Prompt 1
Based on awesome-eslint, which ESLint config should I use for a TypeScript React project and how do I install it?
Prompt 2
I use Styled Components, find me the right ESLint plugin from awesome-eslint and show me a config snippet.
Prompt 3
Which ESLint plugins from awesome-eslint are best for catching security vulnerabilities in Node.js backend code?
Prompt 4
Help me set up a zero-config ESLint setup for a new Vue 3 project using packages listed in awesome-eslint.
Open on GitHub → Explain another repo

← dustinspecker on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.