Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

BEM
BEM

43
16
+ 1
0
CSS Modules
CSS Modules

42
21
+ 1
0
Add tool

BEM vs CSS Modules: What are the differences?

What is BEM? It is a methodology, that helps you to achieve reusable components and code sharing in the front-end. This methodology was developed at Yandex with the goals in mind that Fast development and long-lasting results for standard projects,A project involves many people,Scalable teams,Code reuse.

What is CSS Modules? A CSS file in which all class names and animation names are scoped locally by default. It is a CSS file in which all class names and animation names are scoped locally by default. The key words here are scoped locally. With this, your CSS class names become similar to local variables in JavaScript. It goes into the compiler, and CSS comes out the other side.

BEM can be classified as a tool in the "Front-End Frameworks" category, while CSS Modules is grouped under "CSS Pre-processors / Extensions".

PointsHound, Sainsburys, and Viva Decora are some of the popular companies that use BEM, whereas CSS Modules is used by Getaround, Discord, and Canopy. BEM has a broader approval, being mentioned in 12 company stacks & 7 developers stacks; compared to CSS Modules, which is listed in 12 company stacks and 4 developer stacks.

- No public GitHub repository available -
- No public GitHub repository available -

What is BEM?

This methodology was developed at Yandex with the goals in mind that Fast development and long-lasting results for standard projects,A project involves many people,Scalable teams,Code reuse.

What is CSS Modules?

It is a CSS file in which all class names and animation names are scoped locally by default. The key words here are scoped locally. With this, your CSS class names become similar to local variables in JavaScript. It goes into the compiler, and CSS comes out the other side.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose BEM?
Why do developers choose CSS Modules?
    Be the first to leave a pro
      Be the first to leave a pro
        Be the first to leave a con
          Be the first to leave a con
          What companies use BEM?
          What companies use CSS Modules?

          Sign up to get full access to all the companiesMake informed product decisions

          What tools integrate with BEM?
          What tools integrate with CSS Modules?
            No integrations found
              No integrations found
              What are some alternatives to BEM and CSS Modules?
              SUIT CSS
              SUIT CSS provides a reliable and testable styling solution for component-based web application development.
              Bootstrap
              Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
              Animate.css
              It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
              Material Design for Angular
              Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.
              Foundation
              Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices.
              See all alternatives
              Decisions about BEM and CSS Modules
              No stack decisions found
              Interest over time
              Reviews of BEM and CSS Modules
              No reviews found
              How developers use BEM and CSS Modules
              Avatar of Ataccama
              Ataccama uses BEMBEM

              Yandex' BEM CSS methodology works well with React component-based approach.

              How much does BEM cost?
              How much does CSS Modules cost?
              Pricing unavailable
              Pricing unavailable
              News about BEM
              More news
              News about CSS Modules
              More news