If you do not know Material Design, you can check this brief video:
Also check the main introduction page of Material Design for its Goals and Principles.
- Polymer Project
- MUI CSS Framework
- Leaf BETA
- Bootstrap Material
- Paper Bootswatch for Bootstrap
- Material UI
In this post, I want to share my personal experiences about using some ones.
Table of Contents
Polymer is the web framework from Google, aiming to provide the “preview” for doing modern web development by leveraging HTML5 Web Components . Its new element set – Paper elements was announced during Google I/O 2014 as the first live demo to explain Material Design concept.
The Paper Elements package only provides the basic web UI elements, which means at the most of time, you will need to create your own custom elements from scratch, such as datepicker, navibar.
And also, doing styling on Polymer elements is a little bit different than the normal ways (see the document – A Guide to Styling Elements for more details).
Although Polymer provides the element
core-header-panelto help build the header, it is more designed for mobile view, without much flexibility for normal web view.
Material UI is a CSS Framework and a Set of React Components that implement Google’s Material Design. It is a perfect framework for people who are also chasing ReactJS for next generation of web development.
Check its Demo for more info about components.
You can find it on Github.
Angular Material Design
Angular Material Design is an implementation of Material Design in Angular.js. Similar to Material UI, this is also a framework that integrate Material Design concept with modern web development framework.
It provids a set of reusable, well-tested, and accessible UI components based on the Material Design system. Basides the basic components (directives), it also has some useful components, such as Card, Grid List, Font Icon, Progress Circular, Tooltip.
It also provides a detailed tutorial about how to customize the elements.
Materialize is a modern responsive front-end framework based on Material Design.