Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is the difference between Material Design Components & Polymer's Web Components?

Material.io

From the https://material.io/ website (the official Google spec?), I end up here when I follow the path to access "Material Design UI" web components:

https://github.com/material-components/material-components-web/

Polymer Project

From the https://www.polymer-project.org/ website, I end up here when I follow the path to access "Material Web Components":

https://github.com/material-components/material-components-web-components

I don't understand the difference between these sets of components but would like to use the "official" Google web components for a web app I'm creating.

like image 578
etipaced Avatar asked Sep 04 '18 17:09

etipaced


People also ask

What are material components?

Material Components are interactive building blocks for creating a user interface, and include a built-in states system to communicate focus, selection, activation, error, hover, press, drag, and disabled states. Component libraries are available for Android, iOS, Flutter, and the web.

What is Material Design?

Material Design is an Android-oriented design language created by Google, supporting onscreen touch experiences via cue-rich features and natural motions that mimic real-world objects. Designers optimize users' experience with 3D effects, realistic lighting and animation features in immersive, platform-consistent GUIs.

How do you design a component?

First, you need to have a clear idea about the component's aim, why we need it, what it is to do; talk with the product manager or the lead designer, and ask them this information. It seems obvious, but believe me, each component has different possibilities, so it's essential to know which to focus on.


1 Answers

The Polymer Project is led by a team of Google Chrome developers and utilizes custom web components among other things with the goal of providing a platform for developers to build progressive web apps. Material Components for the web is an open source component library also led by Google developers and designers, but it's focus is a bit more specific to providing Material Design UI components for developers.

The Polymer Project predates Material Components for the web (and Material Design Lite, predecessor to Material Components for the web), and Material Components for the web is part of the recommended toolkit for the next evolution of the Polymer Project. In that sense, Material Components for the web is somewhat of a successor to part of the Polymer Project (but it is not a complete replacement).

It sounds like you are looking primarily for Material Design UI components created by Google developers, so Material Components for the web is probably what you are after.

like image 86
benvc Avatar answered Oct 16 '22 04:10

benvc