ESLint plugin for projects based on BEM React

Usage no npm install needed!

<script type="module">
  import bemReactEslintPlugin from 'https://cdn.skypack.dev/@bem-react/eslint-plugin';


@bem-react/eslint-plugin · npm (scoped)

Plugin for checking some things in projects based on BEM React.


Add @bem-react to the plugins section of your .eslintrc configuration file:

  "plugins": ["@bem-react"]

Then configure the rules you want to use under the rules section.

  "rules": {
    "@bem-react/no-classname-runtime": "warn",
    "@bem-react/whitelist-levels-imports": [
        "defaultLevel": "common",
        "whiteList": {
          "common": ["common"],
          "desktop": ["common", "desktop"],
          "mobile": ["common", "mobile"]

Supported Rules

Currently is supported: