{"id":159,"url":"https://github.com/sachin1092/awesome-material","last_synced_at":"2025-08-13T19:32:32.167Z","repository":{"id":25895294,"uuid":"29335836","full_name":"sachin1092/awesome-material","owner":"sachin1092","description":"A curated list of Google's material design libraries for different frameworks.","archived":false,"fork":false,"pushed_at":"2023-01-19T23:16:49.000Z","size":30,"stargazers_count":620,"open_issues_count":1,"forks_count":60,"subscribers_count":29,"default_branch":"master","last_synced_at":"2024-05-21T12:29:40.614Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sachin1092.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"contributing.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-01-16T06:26:56.000Z","updated_at":"2024-05-20T00:09:01.000Z","dependencies_parsed_at":"2023-02-11T22:15:30.558Z","dependency_job_id":null,"html_url":"https://github.com/sachin1092/awesome-material","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sachin1092%2Fawesome-material","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sachin1092%2Fawesome-material/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sachin1092%2Fawesome-material/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sachin1092%2Fawesome-material/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sachin1092","download_url":"https://codeload.github.com/sachin1092/awesome-material/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":229780026,"owners_count":18122914,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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"}},"keywords":[],"created_at":"2024-01-05T20:12:48.019Z","updated_at":"2024-12-15T03:30:23.339Z","avatar_url":"https://github.com/sachin1092.png","language":null,"funding_links":[],"categories":["Media","Front-End Development","Technical","前端开发","Uncategorized","Others","miscellaneous","Front-end Development","Style","Live Site:   [searchAwesome](https://search-awesome.vercel.app/)","Design Tools","Other Lists","Themed Directories"],"sub_categories":["awesome-*","Uncategorized","Design","Collection","Misc","TeX Lists","Updated more than a year ago"],"readme":"# Awesome Material Design [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)\n\nA curated list of Google's [material design](http://www.google.com/design/spec) based libraries, resources and awesome things.\n\nIcons, Fonts and Colors\n==\n  - [material-design-icons](https://github.com/google/material-design-icons) — Material Design icons by Google.\n  - [material-design-iconic-font](https://github.com/zavoloklom/material-design-iconic-font) — Material Design Iconic Font and CSS toolkit.\n  - [material-design-fonticons](https://github.com/designjockey/material-design-fonticons) — Material Design Fonticons is a font converted version of the Google Material Design Icon set.\n  - [material-colors](https://github.com/shuhei/material-colors) — Colors of Google's Material Design made available to coders.\n  - [material-color](https://github.com/mrmlnc/material-color) — The colour palette, based on Google's Material Design, for use in your project.\n  - [LESS-Material-design-colors](https://github.com/tisign/LESS-Material-design-colors) — A .less file with al the Google material design colors.\n  - [sass-material-colors](https://github.com/minusfive/sass-material-colors) — An easy way to use Google's Material Design colors in your Sass/Scss project.\n  - [Google-Material-Design-Font-Icon](https://github.com/Seb-L/Google-Material-Design-Font-Icon) — Font Icon based on Google Material Design Icon set.\n  - [Material Design Icons](https://materialdesignicons.com/) — Community generated Material Design icon pack.\n  - [Android Asset Studio](https://romannurik.github.io/AndroidAssetStudio/) — A web-based set of tools for generating graphics and other assets that would eventually be in an Android application's res/ directory.\n\nAnimation\n==\n  - JavaScript\n    - [Waves](https://github.com/fians/Waves) — Click effect inspired by Google's Material Design.\n    - [material-design-hamburger](https://github.com/swirlycheetah/material-design-hamburger) — Android's Material Design hamburger animation built in CSS.\n    - [Material-Preloader](https://github.com/aarondo/Material-Preloader) — A jQuery plugin that recreates the Material Design pre-loader (as seen on inbox).\n    - [Google-material-design-ripple-effect](https://github.com/ninox92/Google-material-design-ripple-effect) — jQuery plugin recreates ripple and focus effect.\n  \nComponents\n==\n  - [SVG-Morpheus](https://github.com/alexk111/SVG-Morpheus) — JavaScript library enabling SVG icons to morph from one to the other. It implements Material Design's Delightful Details transitions.\n  - [Material-Design-ColorPicker](https://github.com/Fraina/Material-Design-ColorPicker) — A Material Design Color Picker.\n  - [material-design-color-palette](https://github.com/zavoloklom/material-design-color-palette) — Material Design Color Palette: LESS/CSS toolkit.\n  - [md-timepicker](https://github.com/dotlouis/md-timepicker) — A Polymer Timepicker element in Material Design.\n  - [md-date-time](https://github.com/SimeonC/md-date-time) — A Date-Time picker based on Googles Material Design Spec.\n  - [ng-material-floating-button](https://github.com/nobitagit/ng-material-floating-button) — Material design floating menu with action buttons implemented as an Angularjs directive.\n  - [DevExtreme Reactive](https://devexpress.github.io/devextreme-reactive/react) - High-performance plugin-based React components for Material Design.\n\n\nCSS\n==\n  - [Surface](https://github.com/mildrenben/surface) — A lightweight, CSS only framework based on Material Design.\n  - [material-ui](https://github.com/callemall/material-ui) — A CSS Framework and a Set of React Components that Implement Google's Material Design.\n  - [bootstrap-material-design](https://github.com/FezVrasta/bootstrap-material-design) — Material design theme for Bootstrap 3.\n  - [materialize](https://github.com/Dogfalo/materialize) — Materialize, a CSS Framework based on Material Design.\n  - [materialBootstrap](https://github.com/throrin19/materialBootstrap) — Twitter Bootstrap theme for Google material design.\n  - [material-playground](https://github.com/ebidel/material-playground) — Polymer material design playground.\n  - [material-framework](https://github.com/nt1m/material-framework) — An easy to use material design based framework.\n  - [mui](https://github.com/muicss/mui) — A lightweight CSS framework that follows Material Design guidelines.\n  - [material-foundation](https://github.com/eucalyptuss/material-foundation) — A Material Design version of Foundation for Sites.\n  - [Tronic247 Material](https://www.tronic247.com/material/) - A material design framework based on jQuery and CSS\n\nJS\n==\n  - [AngularJS](https://github.com/angular/material) — Material design for AngularJS.\n  - [Angular](https://github.com/angular/material2) — Material design for Angular.\n  - [DevExtreme](https://js.devexpress.com) — 65+ responsive and feature-complete UI components with customizable Material Design compliant themes. Available for Angular, React, Vue and jQuery.\n  - [ember-paper](https://github.com/miguelcobain/ember-paper) — The Ember approach to Material Design.\n  - [material-design-lite](https://github.com/google/material-design-lite/) — Material Design Lite Components in HTML/CSS/JS.\n  - [MUI](https://mui.com/) — The React component library of Material Design\n  - [react-material](https://github.com/BerkeleyTrue/react-material) — Material design components written with React.js and React Style.\n\n\nSASS\n==\n  - [quantum-colors](https://github.com/nkpfstr/quantum-colors) — Material Design color palette for your Sass projects.\n  - [quantum-shadows](https://github.com/nkpfstr/quantum-shadows) — Material Design drop shadows for your Sass projects.\n  - [google-material-design](https://github.com/axyz/google-material-design) — Small SASS library inspired by google material design guidelines.\n\n\nWordPress\n==\n  - [MaterialPress](https://github.com/alexpatin/MaterialPress) — MaterialPress is a WordPress theme, influenced heavily by Google's Material Design philosophy.\n  - [materialwp](https://github.com/braginteractive/materialwp) — Material Design WordPress Theme.\n  \n WinForms\n==\n- [MaterialSkin](https://github.com/IgnaceMaes/MaterialSkin) — Theming .NET WinForms, C# or VB.Net, to Google's Material Design Principles.\n\nXAML\n==\n - [MaterialDesignInXamlToolkit](https://github.com/ButchersBoy/MaterialDesignInXamlToolkit) — Google's Material Design in XAML \u0026 WPF, for C# \u0026 VB.Net.\n\nOther\n==\n  - [material_design_zh](https://github.com/1sters/material_design_zh) — Material Design Collaborative Chinese translation\n  - [material-color-scheme](https://github.com/paradox41/material-color-scheme) — Sublime Text syntax theme based off the Material Design color palette.\n  - [framaterial](https://github.com/Framaterial/framaterial) — A Framework to create Material Design projects.\n  - [Material Design Templates](http://themeforest.net/tags/material%20design) — Various material design inspired themes and templates on ThemeForest.\n  - [MaterialUp](http://www.materialup.com/) — Get your daily dose of Material design inspiration!\n  - [Material Palette](http://www.materialpalette.com/) — Choose your favorite colors and generate your Material Design palette.\n  - [Paper Polymer Elements](https://elements.polymer-project.org/browse?package=paper-elements) — Paper elements are a set of visual elements that implement Google's Material Design.\n  - [ScaffoldHub.io](https://scaffoldhub.io) — Generate full Angular Material applications with an online modeling tool!\n  \n# Other Awesome Lists\nOther amazingly awesome lists can be found in the [awesome-awesomeness](https://github.com/bayandin/awesome-awesomeness) list.\n\n## Contributing\n\nYour contributions are always welcome! Please read the [contribution guidelines](contributing.md) first.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsachin1092%2Fawesome-material","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsachin1092%2Fawesome-material","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsachin1092%2Fawesome-material/lists"}