Awesome Material Design

A curated list of Google's material design based libraries, resources and awesome things.Icons, Fonts and Colors

material-design-icons — Material Design icons by Google.

material-design-iconic-font — Material Design Iconic Font and CSS toolkit.

material-design-fonticons — Material Design Fonticons is a font converted version of the Google Material Design Icon set.

material-colors — Colors of Google's Material Design made available to coders.

material-color — The colour palette, based on Google's Material Design, for use in your project.

LESS-Material-design-colors — A .less file with al the Google material design colors.

sass-material-colors — An easy way to use Google's Material Design colors in your Sass/Scss project.

Google-Material-Design-Font-Icon — Font Icon based on Google Material Design Icon set.

Material Design Icons — Community generated Material Design icon pack.

Android Asset Studio — A web-based set of tools for generating graphics and other assets that would eventually be in an Android application's res/ directory.

Animation

JavaScript

Waves — Click effect inspired by Google's Material Design.
material-design-hamburger — Android's Material Design hamburger animation built in CSS.
Material-Preloader — A jQuery plugin that recreates the Material Design pre-loader (as seen on inbox).
Google-material-design-ripple-effect — jQuery plugin recreates ripple and focus effect.

Components

SVG-Morpheus — JavaScript library enabling SVG icons to morph from one to the other. It implements Material Design's Delightful Details transitions.

Material-Design-ColorPicker — A Material Design Color Picker.

material-design-color-palette — Material Design Color Palette: LESS/CSS toolkit.

md-timepicker — A Polymer Timepicker element in Material Design.

md-date-time — A Date-Time picker based on Googles Material Design Spec.

ng-material-floating-button — Material design floating menu with action buttons implemented as an Angularjs directive.

DevExtreme Reactive - High-performance plugin-based React components for Material Design.

CSS

Surface — A lightweight, CSS only framework based on Material Design.

material-ui — A CSS Framework and a Set of React Components that Implement Google's Material Design.

bootstrap-material-design — Material design theme for Bootstrap 3.

materialize — Materialize, a CSS Framework based on Material Design.

materialBootstrap — Twitter Bootstrap theme for Google material design.

material-playground — Polymer material design playground.

material-framework — An easy to use material design based framework.

mui — A lightweight CSS framework that follows Material Design guidelines.

material-foundation — A Material Design version of Foundation for Sites.

Tronic247 Material - A material design framework based on jQuery and CSS

AngularJS — Material design for AngularJS.

Angular — Material design for Angular.

DevExtreme — 65+ responsive and feature-complete UI components with customizable Material Design compliant themes. Available for Angular, React, Vue and jQuery.

Awesome Material Design

A curated list of Google's material design based libraries, resources and awesome things.

Icons, Fonts and Colors

material-design-icons — Material Design icons by Google.
material-design-iconic-font — Material Design Iconic Font and CSS toolkit.
material-design-fonticons — Material Design Fonticons is a font converted version of the Google Material Design Icon set.
material-colors — Colors of Google's Material Design made available to coders.
material-color — The colour palette, based on Google's Material Design, for use in your project.
LESS-Material-design-colors — A .less file with al the Google material design colors.
sass-material-colors — An easy way to use Google's Material Design colors in your Sass/Scss project.
Google-Material-Design-Font-Icon — Font Icon based on Google Material Design Icon set.
Material Design Icons — Community generated Material Design icon pack.
Android Asset Studio — A web-based set of tools for generating graphics and other assets that would eventually be in an Android application's res/ directory.

Animation

JavaScript
- Waves — Click effect inspired by Google's Material Design.
- material-design-hamburger — Android's Material Design hamburger animation built in CSS.
- Material-Preloader — A jQuery plugin that recreates the Material Design pre-loader (as seen on inbox).
- Google-material-design-ripple-effect — jQuery plugin recreates ripple and focus effect.

Components

SVG-Morpheus — JavaScript library enabling SVG icons to morph from one to the other. It implements Material Design's Delightful Details transitions.
Material-Design-ColorPicker — A Material Design Color Picker.
material-design-color-palette — Material Design Color Palette: LESS/CSS toolkit.
md-timepicker — A Polymer Timepicker element in Material Design.
md-date-time — A Date-Time picker based on Googles Material Design Spec.
ng-material-floating-button — Material design floating menu with action buttons implemented as an Angularjs directive.
DevExtreme Reactive - High-performance plugin-based React components for Material Design.

CSS

Surface — A lightweight, CSS only framework based on Material Design.
material-ui — A CSS Framework and a Set of React Components that Implement Google's Material Design.
bootstrap-material-design — Material design theme for Bootstrap 3.
materialize — Materialize, a CSS Framework based on Material Design.
materialBootstrap — Twitter Bootstrap theme for Google material design.
material-playground — Polymer material design playground.
material-framework — An easy to use material design based framework.
mui — A lightweight CSS framework that follows Material Design guidelines.
material-foundation — A Material Design version of Foundation for Sites.
Tronic247 Material - A material design framework based on jQuery and CSS

JS

AngularJS — Material design for AngularJS.
Angular — Material design for Angular.
DevExtreme — 65+ responsive and feature-complete UI components with customizable Material Design compliant themes. Available for Angular, React, Vue and jQuery.