<div class="github-widget" data-repo="sachin1092/awesome-material"></div>
## Awesome Material Design [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)

Google 的精选列表 [material design](http://www.google.com/design/spec) 基于库、资源和很棒的东西.

图标、字体和颜色
==
  - [material-design-icons](https://github.com/google/material-design-icons) — Google 的 Material Design 图标.
  - [material-design-iconic-font](https://github.com/zavoloklom/material-design-iconic-font) — Material Design 标志性字体和 CSS 工具包.
  - [material-design-fonticons](https://github.com/designjockey/material-design-fonticons) — Material Design Fonticons 是 Google Material Design 图标集的字体转换版本.
  - [material-colors](https://github.com/shuhei/material-colors) — Google Material Design 的颜色可供编码人员使用.
  - [material-color](https://github.com/mrmlnc/material-color) — 调色板，基于 Google 的 Material Design，用于您的项目.
  - [LESS-Material-design-colors](https://github.com/tisign/LESS-Material-design-colors) — 一个包含所有 Google Material Design 颜色的 .less 文件.
  - [sass-material-colors](https://github.com/minusfive/sass-material-colors) — 在 Sass/Scss 项目中使用 Google 的 Material Design 颜色的简单方法.
  - [Google-Material-Design-Font-Icon](https://github.com/Seb-L/Google-Material-Design-Font-Icon) — 基于 Google Material Design 图标集的字体图标.
  - [Material Design Icons](https://materialdesignicons.com/) — 社区生成的 Material Design 图标包.
  - [Android Asset Studio](https://romannurik.github.io/AndroidAssetStudio/) — 一组基于 Web 的工具，用于生成最终位于 Android 应用程序的 res/ 目录中的图形和其他资产.

Animation
==
  - JavaScript
    - [Waves](https://github.com/fians/Waves) — 受 Google Material Design 启发的点击效果.
    - [material-design-hamburger](https://github.com/swirlycheetah/material-design-hamburger) — 在 CSS 中构建的 Android 的 Material Design 汉堡包动画.
    - [Material-Preloader](https://github.com/aarondo/Material-Preloader) — 一个重新创建 Material Design 预加载器的 jQuery 插件（如收件箱中所示）.
    - [Google-material-design-ripple-effect](https://github.com/ninox92/Google-material-design-ripple-effect) — jQuery 插件重现波纹和焦点效果.
  
Components
==
  - [SVG-Morpheus](https://github.com/alexk111/SVG-Morpheus)  — 使 SVG 图标从一个变为另一个的 JavaScript 库. 它实现了 Material Design 的 Delightful Details 过渡.
  - [Material-Design-ColorPicker](https://github.com/Fraina/Material-Design-ColorPicker) — Material Design 颜色选择器.
  - [material-design-color-palette](https://github.com/zavoloklom/material-design-color-palette) — Material Design 调色板：LESS/CSS 工具包.
  - [md-timepicker](https://github.com/dotlouis/md-timepicker) — Material Design 中的 Polymer Timepicker 元素.
  - [md-date-time](https://github.com/SimeonC/md-date-time) — 基于谷歌材料设计规范的日期时间选择器.
  - [ng-material-floating-button](https://github.com/nobitagit/ng-material-floating-button) — Material Design 浮动菜单，带有作为 Angularjs 指令实现的操作按钮.
  - [DevExtreme Reactive](https://devexpress.github.io/devextreme-reactive/react) - 用于 Material Design 的高性能基于插件的 React 组件.


CSS
==
  - [Surface](https://github.com/mildrenben/surface) — 基于 Material Design 的轻量级纯 CSS 框架.
  - [material-ui](https://github.com/callemall/material-ui) — 一个 CSS 框架和一组实现 Google Material Design 的 React 组件.
  - [bootstrap-material-design](https://github.com/FezVrasta/bootstrap-material-design) — Bootstrap 3 的材料设计主题.
  - [materialize](https://github.com/Dogfalo/materialize) — Materialise，一个基于 Material Design 的 CSS 框架.
  - [materialBootstrap](https://github.com/throrin19/materialBootstrap) — Google Material Design 的 Twitter Bootstrap 主题.
  - [material-playground](https://github.com/ebidel/material-playground) — 聚合物材料设计游乐场.
  - [material-framework](https://github.com/nt1m/material-framework) — 一个易于使用的基于材料设计的框架.
  - [mui](https://github.com/muicss/mui) — 遵循 Material Design 指南的轻量级 CSS 框架.
  - [material-foundation](https://github.com/eucalyptuss/material-foundation) — Foundation for Sites 的 Material Design 版本.
  - [Tronic247 Material](https://www.tronic247.com/material/) - 基于 jQuery 和 CSS 的材料设计框架

JS
==
  - [AngularJS](https://github.com/angular/material) — AngularJS 的材料设计.
  - [Angular](https://github.com/angular/material2) — Angular 的材料设计.
  - [DevExtreme](https://js.devexpress.com)  — 超过 65 个响应迅速且功能完备的 UI 组件，具有可定制的 Material Design 兼容主题. 适用于 Angular、React、Vue 和 jQuery.
  - [ember-paper](https://github.com/miguelcobain/ember-paper) — Ember 的 Material Design 方法.
  - [material-design-lite](https://github.com/google/material-design-lite/) — HTML/CSS/JS 中的 Material Design Lite 组件.
  - [MUI](https://mui.com/) — Material Design 的 React 组件库
  - [react-material](https://github.com/BerkeleyTrue/react-material) — 使用 React.js 和 React Style 编写的 Material Design 组件.


SASS
==
  - [quantum-colors](https://github.com/nkpfstr/quantum-colors) — Sass 项目的 Material Design 调色板.
  - [quantum-shadows](https://github.com/nkpfstr/quantum-shadows) — Sass 项目的 Material Design 投影.
  - [google-material-design](https://github.com/axyz/google-material-design) — 受谷歌材料设计指南启发的小型 SASS 库.


WordPress
==
  - [MaterialPress](https://github.com/alexpatin/MaterialPress) — MaterialPress 是一个 WordPress 主题，深受 Google 的 Material Design 哲学影响.
  - [materialwp](https://github.com/braginteractive/materialwp) — Material Design WordPress 主题.
  
 窗体
==
- [MaterialSkin](https://github.com/IgnaceMaes/MaterialSkin) — Theming .NET WinForms, C# or VB.Net, to Google's Material Design Principles.

XAML
==
 - [MaterialDesignInXamlToolkit](https://github.com/ButchersBoy/MaterialDesignInXamlToolkit) — Google's Material Design in XAML & WPF, for C# & VB.Net.

Other
==
  - [material_design_zh](https://github.com/1sters/material_design_zh) — Material Design Collaborative 中文翻译
  - [material-color-scheme](https://github.com/paradox41/material-color-scheme) — 基于 Material Design 调色板的 Sublime Text 语法主题.
  - [framaterial](https://github.com/Framaterial/framaterial) — 创建 Material Design 项目的框架.
  - [Material Design Templates](http://themeforest.net/tags/material%20design) — ThemeForest 上各种受材料设计启发的主题和模板.
  - [MaterialUp](http://www.materialup.com/) — 每天获取 Material 设计灵感！
  - [Material Palette](http://www.materialpalette.com/) — 选择您喜欢的颜色并生成您的 Material Design 调色板.
  - [Paper Polymer Elements](https://elements.polymer-project.org/browse?package=paper-elements) — Paper 元素是一组实现 Google Material Design 的视觉元素.
  - [ScaffoldHub.io](https://scaffoldhub.io) — 使用在线建模工具生成完整的 Angular Material 应用程序！
  
## Other Awesome Lists
其他非常棒的列表可以在 [awesome-awesomeness](https://github.com/bayandin/awesome-awesomeness) 列表.

## Contributing

随时欢迎您的贡献！ 请阅读 [contribution guidelines](https://github.com/sachin1092/awesome-material/blob/master/contributing.md) 第一的.
