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

BEM

Stacks121

Followers95

+ 1

Votes0

Polymer

Stacks554

Followers461

+ 1

Votes122

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 StackShare Enterprise. Sign up for StackShare Enterprise.

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 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.

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.

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.

See all alternatives

BEM vs Polymer

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

Pros of BEM

Pros of Polymer

Sign up to add or upvote prosMake informed product decisions

Cons of BEM

Cons of Polymer

Sign up to add or upvote consMake informed product decisions

What is BEM?

What is Polymer?

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

What companies use BEM?

What companies use Polymer?

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

Related Comparisons

Trending Comparisons

Top Comparisons