BEMlike
BEMlike is a naming convention for CSS class names designed to organize styles around reusable UI components. It is inspired by the Block-Element-Modifier (BEM) methodology but is not a formal specification; teams adopt it as a practical variant tailored to their workflows. The central idea is to encode component boundaries and states directly in class names to improve readability and maintainability.
Core concepts in BEMlike include blocks, elements, and modifiers. A block represents a reusable component; an
Advantages of BEMlike include easier scoping in CSS, reduced specificity, and smoother collaboration between developers and
Limitations involve the lack of a formal standard, which can create fragmentation across teams and projects.
See also: BEM, CSS naming conventions, CSS Modules, CSS-in-JS.