BEM Class Names Checker

 |  BEM, CSS

After recently seeing a few BEM class naming issues on a project I was working on, I looked for an online site that would check a CSS stylesheet for BEM naming issues. I couldn’t find one… and what with being on lockdown here in England and having a fair amount of free time on my hands, I thought I’d write one!

Introducing the BEM Class Names Checker — An online tool to check a CSS stylesheet for common BEM naming issues.

Screenshot of BEM Class Names Checker website

https://bem-class-names-checker.netlify.app/

As you make changes to the CSS stylesheet, in real-time any BEM class naming issues are displayed. I hope this online tool will help as a way of experimenting with BEM as well as validating existing stylesheets.