A curated list of awesome projects related to Google's Material Components.
Awesome Material Components is a collection of resources related to the official Google's Material Components library. It's opposed to the community-based implementations of Material Design featured in another list.
The purpose of this list is to increase the adoption of Material Components by sharing the knowledge about its community. So, if you have an interesting MDC-based project or tutorial, feel free to contribute.
Please don't forget to star this repo and share it among your friends! Thank you!
- Documentation
- Tutorials
- Utilities
- shuhei/material-colors - Material Design color palette in different formats (JS, JSON, Less, Sass, etc.).
- MDC Web on Fossies - The visual way to track the changes in MDC Web library.
- Angular
- trimox/angular-mdc-web - Angular Material Design Components. Demo - Dev chat
- src-zone/material
- Angular.js
- Aurelia
- Ember
- Preact
- React
- material-components/material-components-web-react - React.js wrapper by Material Components team.
- jamesmfriedman/rmwc - A thin React wrapper, using foundation classes. Demo - Dev chat
- react-mdc/react-material-components-web - React.js wrapper typed with TypeScript.
- kradio3/react-mdc-web - Simple React.js wrapper, not using foundation classes.
- react-material-design/react-material-design
- gutenye/react-mc
- Vue
- stasson/vue-mdc-adapter - Vue.js wrapper, using foundation classes. Demo - Dev chat
- matsp/material-components-vue - Simple Vue.js wrapper, not using foundation classes.
- balmjs/ui-vue
- Open Source
- GoogleChromeLabs/sample-currency-converter - A sample currency conversion Progressive Web App.
- vuegg/vuegg - Vue.js GUI generator.
- Documentation
- Tutorials
- Documentation
- Tutorials
Contributions welcome! Please read the contribution guidelines first.