Skip to content

Awesome Material Design Awesome

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

Icons, Fonts and Colors

Animation

Components

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.
  • ember-paper — The Ember approach to Material Design.
  • material-design-lite — Material Design Lite Components in HTML/CSS/JS.
  • MUI — The React component library of Material Design
  • react-material — Material design components written with React.js and React Style.

SASS

WordPress

  • MaterialPress — MaterialPress is a WordPress theme, influenced heavily by Google's Material Design philosophy.
  • materialwp — Material Design WordPress Theme.

WinForms

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

XAML

Other

  • material_design_zh — Material Design Collaborative Chinese translation
  • material-color-scheme — Sublime Text syntax theme based off the Material Design color palette.
  • framaterial — 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!

Other Awesome Lists

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

Contributing

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