{"id":1961,"url":"https://github.com/webdenim/awesome-material-components","name":"awesome-material-components","description":"A curated list of awesome projects related to Google's Material Design Components","projects_count":43,"last_synced_at":"2026-06-14T12:00:31.289Z","repository":{"id":90443461,"uuid":"113332114","full_name":"webdenim/awesome-material-components","owner":"webdenim","description":"A curated list of awesome projects related to Google's Material Design Components","archived":false,"fork":false,"pushed_at":"2018-11-02T09:27:39.000Z","size":19,"stargazers_count":19,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-05-28T21:04:34.479Z","etag":null,"topics":["android","awesome","awesome-list","google-material","ios","list","material","material-components","material-design","mdc","mdc-android","mdc-ios","mdc-web","resources","ui","ui-design","web"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc-by-sa-4.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webdenim.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-12-06T15:19:13.000Z","updated_at":"2025-06-19T14:17:50.000Z","dependencies_parsed_at":"2024-01-04T18:26:57.064Z","dependency_job_id":null,"html_url":"https://github.com/webdenim/awesome-material-components","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/webdenim/awesome-material-components","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdenim%2Fawesome-material-components","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdenim%2Fawesome-material-components/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdenim%2Fawesome-material-components/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdenim%2Fawesome-material-components/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webdenim","download_url":"https://codeload.github.com/webdenim/awesome-material-components/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webdenim%2Fawesome-material-components/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34320273,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-14T02:00:07.365Z","response_time":62,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-04T18:16:51.244Z","updated_at":"2026-06-14T12:00:31.289Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Material Components iOS (MDC iOS)","Material Components Web (MDC Web)","Material Components Android (MDC Android)","License"],"sub_categories":["MDC iOS Resources","MDC Web Resources","MDC Web Framework Integrations","MDC Android Resources","Projects Using MDC Web"],"readme":"# Awesome Material Components [![Awesome](https://awesome.re/badge.svg)](https://awesome.re) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=Check%20out%20Awesome%20Material%20Components%20-%20curated%20list%20of%20projects%20based%20on%20Google%27s%20Material%20Components%20%E2%86%92\u0026url=https://github.com/webdenim/awesome-material-components\u0026via=webdenim\u0026hashtags=materialdesign,frontend,webdesign,webdev,mobiledev,androiddev,iosdev)\n\n\u003e A curated list of awesome projects related to Google's Material Components.\n\nAwesome Material Components is a collection of resources related to the official Google's\n[Material Components library](https://material.io/components/). It's opposed to the community-based\nimplementations of Material Design featured in\n[another list](https://github.com/sachin1092/awesome-material).\n\nThe purpose of this list is to increase the adoption of Material Components by sharing\nthe knowledge about its community. So, if you have an interesting MDC-based project or tutorial,\nfeel free to [contribute](CONTRIBUTING.md).\n\nPlease don't forget to star this repo and\n[share it](https://twitter.com/intent/tweet?text=Check%20out%20Awesome%20Material%20Components%20-%20curated%20list%20of%20projects%20based%20on%20Google%27s%20Material%20Components%20%E2%86%92\u0026url=https://github.com/webdenim/awesome-material-components\u0026via=webdenim\u0026hashtags=materialdesign,frontend,webdesign,webdev,mobiledev,androiddev,iosdev)\namong your friends! Thank you!\n\n## Contents\n\n- [MDC Web](#material-components-web-mdc-web)\n  - [MDC Web Resources](#mdc-web-resources)\n  - [MDC Web Framework Integrations](#mdc-web-framework-integrations)\n  - [Projects Using MDC Web](#projects-using-mdc-web)\n- [MDC Android](#material-components-android-mdc-android)\n  - [MDC Android Resources](#mdc-android-resources)\n- [MDC iOS](#material-components-ios-mdc-ios)\n  - [MDC iOS Resources](#mdc-ios-resources)\n\n## Material Components Web (MDC Web)\n\n### MDC Web Resources\n\n- Documentation\n  - [Official Website](https://material.io/components/web/)\n  - [Official Documentation](https://material.io/components/web/docs/)\n  - [Official GitHub Repo](https://github.com/material-components/material-components-web)\n  - [StackOverflow Questions](https://stackoverflow.com/questions/tagged/material-components+web)\n- Tutorials\n  - [CodeLabs - Building Beautiful Sites Faster with Material Components for the web](https://codelabs.developers.google.com/codelabs/mdc-web/index.html).\n- Utilities\n  - [shuhei/material-colors](https://github.com/shuhei/material-colors) - Material Design color palette in different formats (JS, JSON, Less, Sass, etc.).\n  - [webdenim/stylelint-config-material](https://github.com/webdenim/stylelint-config-material) - Stylelint config for Material Components Web.\n  - [MDC Web on Fossies](https://fossies.org/diffs/material-components-web/) - The visual way to track the changes in MDC Web library.\n\n### MDC Web Framework Integrations\n\n* Angular\n  - [trimox/angular-mdc-web](https://github.com/trimox/angular-mdc-web) - Angular Material Design Components.\n  [Demo](https://trimox.github.io/angular-mdc-web) - [Dev chat](https://gitter.im/angular-mdc/Lobby)\n  - [src-zone/material](https://github.com/src-zone/material)\n* Angular.js\n  - [fintechstudios/angularjs-mdc](https://github.com/fintechstudios/angularjs-mdc)\n* Aurelia\n  - [ullfis/aurelia-mdc-bridge](https://github.com/ullfis/aurelia-mdc-bridge)\n* Ember\n  - [secondstreet/ember-material-components-web](https://github.com/secondstreet/ember-material-components-web)\n* Preact\n  - [prateekbh/preact-material-components](https://github.com/prateekbh/preact-material-components)\n* React\n  - [material-components/material-components-web-react](https://github.com/material-components/material-components-web-react) - React.js wrapper by Material Components team.\n  - [jamesmfriedman/rmwc](https://github.com/jamesmfriedman/rmwc) - A thin React wrapper, using foundation classes.\n  [Demo](https://jamesmfriedman.github.io/rmwc/) - [Dev chat](https://gitter.im/react-material-web-components/Lobby)\n  - [react-mdc/react-material-components-web](https://github.com/react-mdc/react-material-components-web) - React.js wrapper typed with TypeScript.\n  - [kradio3/react-mdc-web](https://github.com/kradio3/react-mdc-web) - Simple React.js wrapper, not using foundation classes.\n  - [react-material-design/react-material-design](https://github.com/react-material-design/react-material-design)\n  - [gutenye/react-mc](https://github.com/gutenye/react-mc)\n* Vue\n  - [stasson/vue-mdc-adapter](https://github.com/stasson/vue-mdc-adapter) - Vue.js wrapper, using foundation classes.\n  [Demo](https://stasson.github.io/vue-mdc-adapter) - [Dev chat](https://gitter.im/vue-mdc-adapter/Lobby)\n  - [matsp/material-components-vue](https://github.com/matsp/material-components-vue) - Simple Vue.js wrapper, not using foundation classes.\n  - [balmjs/ui-vue](https://github.com/balmjs/ui-vue)\n* Elm\n  - [aforemny/elm-mdc](https://github.com/aforemny/elm-mdc) - Elm port of the Material Components for the Web.\n\n### Projects Using MDC Web\n\n- Open Source\n  - [GoogleChromeLabs/sample-currency-converter](https://github.com/GoogleChromeLabs/sample-currency-converter) - A sample currency conversion Progressive Web App.\n  - [vuegg/vuegg](https://github.com/vuegg/vuegg) - Vue.js GUI generator.\n\n## Material Components Android (MDC Android)\n\n### MDC Android Resources\n\n- Documentation\n  - [Official Website](https://material.io/components/android/)\n  - [Official Documentation](https://material.io/components/android/docs/)\n  - [Official GitHub Repo](https://github.com/material-components/material-components-android/blob/master/docs/index.md)\n  - [StackOverflow Questions](https://stackoverflow.com/questions/tagged/material-components+android)\n- Tutorials\n  - [CodeLabs - Building Beautiful Apps Faster with Material Components on Android](https://codelabs.developers.google.com/codelabs/mdc-android/index.html)\n  - [CodeLabs - Building Beautiful Apps Faster with Material Components on Android (Kotlin)](https://codelabs.developers.google.com/codelabs/mdc-android-kotlin/index.html)\n\n## Material Components iOS (MDC iOS)\n\n### MDC iOS Resources\n\n- Documentation\n  - [Official Website](https://material.io/components/ios/)\n  - [Official Documentation](https://material.io/components/ios/docs/)\n  - [Official GitHub Repo](https://github.com/material-components/material-components-ios)\n  - [StackOverflow Questions](https://stackoverflow.com/questions/tagged/material-components+ios)\n- Tutorials\n  - [CodeLabs - Building Beautiful Apps Faster with Material Components on iOS](https://codelabs.developers.google.com/codelabs/mdc-ios/index.html)\n  - [CodeLabs - Building Beautiful Apps Faster with Material Components on iOS in Swift](https://codelabs.developers.google.com/codelabs/mdc-ios-swift/index.html)\n  - [raywenderlich.com - Google Material Design Tutorial for iOS: Getting Started](https://www.raywenderlich.com/170353/introduction-google-material-design-ios)\n\n## Contribute\n\nContributions welcome! Please read the [contribution guidelines](CONTRIBUTING.md) first.\n\n## License\n\n[![CC-BY-SA-4.0](https://mirrors.creativecommons.org/presskit/buttons/80x15/svg/by-sa.svg)](https://creativecommons.org/licenses/by-sa/4.0/legalcode)\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/webdenim%2Fawesome-material-components/projects"}