Ranked awesome lists, all in one place

This list is a copy of sachin1092/awesome-material with ranks

---

Awesome Material Design ★87749

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

Icons, Fonts and Colors

• material-design-icons ★35009 — Material Design icons by Google.
• material-design-iconic-font ★1216 ⏳1Y — Material Design Iconic Font and CSS toolkit.
• material-design-fonticons ★77 ⏳1Y — Material Design Fonticons is a font converted version of the Google Material Design Icon set.
• material-colors ★198 — Colors of Google’s Material Design made available to coders.
• material-color ★122 — 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 ★101 ⏳1Y — An easy way to use Google’s Material Design colors in your Sass/Scss project.
• Google-Material-Design-Font-Icon ★5 — 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 ★2991 — Click effect inspired by Google’s Material Design.
  • material-design-hamburger — Android’s Material Design hamburger animation built in CSS.
  • Material-Preloader ★383 ⏳1Y — A jQuery plugin that recreates the Material Design pre-loader (as seen on inbox).
  • Google-material-design-ripple-effect ★13 ⏳4Y — jQuery plugin recreates ripple and focus effect.

Components

• SVG-Morpheus ★2494 — JavaScript library enabling SVG icons to morph from one to the other. It implements Material Design’s Delightful Details transitions.
• Material-Design-ColorPicker ★12 — A Material Design Color Picker.
• material-design-color-palette ★154 ⏳2Y — Material Design Color Palette: LESS/CSS toolkit.
• md-timepicker ★12 ⏳2Y — A Polymer Timepicker element in Material Design.
• md-date-time ★184 ⏳2Y — A Date-Time picker based on Googles Material Design Spec.
• ng-material-floating-button ★456 ⏳1Y — Material design floating menu with action buttons implemented as an Angularjs directive.

CSS

• Surface ★258 — 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 ★19296 — Material design theme for Bootstrap 3.
• materialize ★32922 — Materialize, a CSS Framework based on Material Design.
• materialBootstrap ★71 ⏳2Y — Twitter Bootstrap theme for Google material design.
• material-playground ★261 — Polymer material design playground.
• material-framework ★375 — An easy to use material design based framework.
• mui ★3968 — A lightweight CSS framework that follows Material Design guidelines.
• material-foundation ★363 — A Material Design version of Foundation for Sites.

JS

• AngularJS ★16210 — Material design for Angular.
• ember-paper ★776 — The Ember approach to Material Design.
• material-design-lite ★30190 — Material Design Lite Components in HTML/CSS/JS.
• react-material ★407 ⏳1Y — Material design components written with React.js and React Style.

SASS

• quantum-colors — Material Design color palette for your Sass projects.
• quantum-shadows — Material Design drop shadows for your Sass projects.
• google-material-design ★15 ⏳3Y — Small SASS library inspired by google material design guidelines.

WordPress

• MaterialPress ★111 ⏳3Y — MaterialPress is a WordPress theme, influenced heavily by Google’s Material Design philosophy.
• materialwp ★397 — Material Design WordPress Theme.

WinForms

• MaterialSkin ★1375 — Theming .NET WinForms, C# or VB.Net, to Google’s Material Design Principles.

XAML

• MaterialDesignInXamlToolkit ★4703 — Google’s Material Design in XAML & WPF, for C# & VB.Net.

Other

• material_design_zh ★2921 ⏳1Y — Material Design Collaborative Chinese translation
• material-color-scheme — Sublime Text syntax theme based off the Material Design color palette.
• framaterial ★46 ⏳2Y — 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.

Other Awesome Lists

Other amazingly awesome lists can be found in the awesome-awesomeness ★21639 list.

Contributing

Your contributions are always welcome! Please read the contribution guidelines first.

This list is a copy of sachin1092/awesome-material with ranks