awesome-material

Material Design library hub

A curated collection of Google's material design libraries and resources for various frameworks and projects.

A curated list of Google's material design libraries for different frameworks.

GitHub
629 stars
29 watching
61 forks
last commit: almost 2 years ago
Linked from 4 awesome lists


Icons, Fonts and Colors
material-design-icons 50,673 8 days ago — Material Design icons by Google
material-design-iconic-font 1,419 almost 2 years ago — Material Design Iconic Font and CSS toolkit
material-design-fonticons 73 over 7 years ago — Material Design Fonticons is a font converted version of the Google Material Design Icon set
material-colors 272 over 5 years ago — Colors of Google's Material Design made available to coders
material-color 132 over 7 years ago — 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 133 about 8 years ago — An easy way to use Google's Material Design colors in your Sass/Scss project
Google-Material-Design-Font-Icon 5 almost 7 years ago — 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 3,479 almost 2 years ago — Click effect inspired by Google's Material Design
material-design-hamburger 90 almost 10 years ago — Android's Material Design hamburger animation built in CSS
Material-Preloader 370 over 7 years ago — 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 2,699 over 7 years ago — JavaScript library enabling SVG icons to morph from one to the other. It implements Material Design's Delightful Details transitions
Material-Design-ColorPicker 11 over 6 years ago — A Material Design Color Picker
material-design-color-palette 166 over 8 years ago — Material Design Color Palette: LESS/CSS toolkit
md-timepicker 12 about 6 years ago — A Polymer Timepicker element in Material Design
md-date-time 174 about 9 years ago — A Date-Time picker based on Googles Material Design Spec
ng-material-floating-button 464 about 8 years ago — 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 356 almost 2 years ago — A lightweight, CSS only framework based on Material Design
material-ui 93,969 5 days ago — A CSS Framework and a Set of React Components that Implement Google's Material Design
bootstrap-material-design 23 over 3 years ago — Material design theme for Bootstrap 3
materialize 38,860 about 1 month ago — Materialize, a CSS Framework based on Material Design
materialBootstrap 69 about 9 years ago — Twitter Bootstrap theme for Google material design
material-playground 257 about 3 years ago — Polymer material design playground
material-framework 388 almost 5 years ago — An easy to use material design based framework
mui 4,514 over 3 years ago — A lightweight CSS framework that follows Material Design guidelines
material-foundation 352 about 7 years ago — A Material Design version of Foundation for Sites
Tronic247 Material A material design framework based on jQuery and CSS

JS
AngularJS 16,539 3 months ago — Material design for AngularJS
Angular 24,386 about 22 hours ago — 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
ember-paper 888 8 days ago — The Ember approach to Material Design
material-design-lite 32,286 4 months ago — Material Design Lite Components in HTML/CSS/JS
MUI — The React component library of Material Design
react-material 404 over 7 years ago — Material design components written with React.js and React Style

SASS
quantum-colors 39 almost 7 years ago — Material Design color palette for your Sass projects
quantum-shadows 32 over 7 years ago — Material Design drop shadows for your Sass projects
google-material-design 16 over 10 years ago — Small SASS library inspired by google material design guidelines

WordPress
MaterialPress 106 over 9 years ago — MaterialPress is a WordPress theme, influenced heavily by Google's Material Design philosophy
materialwp 461 almost 2 years ago — Material Design WordPress Theme

WinForms
MaterialSkin 2,913 4 months ago — Theming .NET WinForms, C# or VB.Net, to Google's Material Design Principles

XAML
MaterialDesignInXamlToolkit 15,178 8 days ago — Google's Material Design in XAML & WPF, for C# & VB.Net

Other
material_design_zh 3,082 over 5 years ago — Material Design Collaborative Chinese translation
material-color-scheme 70 almost 9 years ago — Sublime Text syntax theme based off the Material Design color palette
framaterial 44 about 9 years ago — A Framework to create Material Design projects
Material Design Templates — Various material design inspired themes and templates on ThemeForest
MaterialUp — Get your daily dose of Material design inspiration!
Material Palette — Choose your favorite colors and generate your Material Design palette
Paper Polymer Elements — Paper elements are a set of visual elements that implement Google's Material Design
ScaffoldHub.io — Generate full Angular Material applications with an online modeling tool!

Backlinks from these awesome lists:

More related projects: