Polymer's Paper Elements & Angular Material Polymer's Paper Elements & Angular Material angularjs angularjs

Polymer's Paper Elements & Angular Material


I think you should consider the fact that web components, polymer, material design, paper elements and angular are 5 distinct 'things'.

Web components is a group of 4 standards.

Polymer is a sugar syntax api on top of web components + some nice additional features.

Material Design is the latest style and interaction guide Google has announced and they are replicating more consistently across all their interfaces..web/mobile/etc.

Paper Elements are just an implementation of material design using Polymer. At the ChromeDev Summit Polymer team commented they plan to move paper elements into its own domain to avoid the confusion. Same things about the polyfills, these have been moved to webcomponents.org.

Angular is a library with a much wider scope than polymer.

Angular Material is just another implementation of material design using Angular.

My point being...material design will be reimplemented in as many flavors Google has to generate interfaces.

Google has a history of competing projects. But Angular's team has announced they will be using web components as well in their 2.0 version which is on the works right now. Will they use polymer to create directives? who knows? maybe..


From the recent ng-conf 2015 announcements it's clear that Angular 2.0 will have a new syntax and implementation to write Web Components spec based Custom Components (Directives).

Also, Angular-Material team has announced that post 1.0, they'll be porting it to Angular 2.0.

Hence, integration of Angular-Material and Polymer isn't in sight...Though, the good thing is that coz they're both based on Web Component Spec, they play well together, meaning that either can be used in an Angular App...