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

BEM

105
84
+ 1
0
Polymer

413
442
+ 1
122
Add tool

BEM vs Polymer: What are the differences?

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; Polymer: A new library built on top of Web Components, designed to leverage the evolving web platform on modern browsers. Polymer is a new type of library for the web, designed to leverage the existing browser infrastructure to provide the encapsulation and extendability currently only available in JS libraries. Polymer is based on a set of future technologies, including Shadow DOM, Custom Elements and Model Driven Views. Currently these technologies are implemented as polyfills or shims, but as browsers adopt these features natively, the platform code that drives Polymer evacipates, leaving only the value-adds.

BEM and Polymer belong to "Front-End Frameworks" category of the tech stack.

Polymer is an open source tool with 21.1K GitHub stars and 2.01K GitHub forks. Here's a link to Polymer's open source repository on GitHub.

According to the StackShare community, Polymer has a broader approval, being mentioned in 59 company stacks & 240 developers stacks; compared to BEM, which is listed in 15 company stacks and 16 developer stacks.

Get Advice from developers at your company using Private StackShare. Sign up for Private StackShare.
Learn More
Pros of BEM
Pros of Polymer
    Be the first to leave a pro
    • 52
      Web components
    • 30
      Material design
    • 14
      HTML
    • 13
      Components
    • 5
      Open source
    • 4
      It uses the platform
    • 3
      Designer friendly. HTMLX concepts
    • 1
      Like the interesting naming convention for elements

    Sign up to add or upvote prosMake informed product decisions

    Cons of BEM
    Cons of Polymer
      Be the first to leave a con
      • 1
        Last version is like 2 years ago? that's totally rad

      Sign up to add or upvote consMake informed product decisions

      - 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 Polymer?

      Polymer is a new type of library for the web, designed to leverage the existing browser infrastructure to provide the encapsulation and extendability currently only available in JS libraries. Polymer is based on a set of future technologies, including Shadow DOM, Custom Elements and Model Driven Views. Currently these technologies are implemented as polyfills or shims, but as browsers adopt these features natively, the platform code that drives Polymer evacipates, leaving only the value-adds.

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

      What companies use BEM?
      What companies use Polymer?
      See which teams inside your own company are using BEM or Polymer.
      Sign up for Private StackShareLearn More

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

      What are some alternatives to BEM and Polymer?
      SUIT CSS
      SUIT CSS provides a reliable and testable styling solution for component-based web application development.
      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.
      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.
      See all alternatives