Awesome Material Design

Google 的精选列表 material design 基于库、资源和很棒的东西.

图标、字体和颜色

• material-design-icons — Google 的 Material Design 图标.
• material-design-iconic-font — Material Design 标志性字体和 CSS 工具包.
• material-design-fonticons — Material Design Fonticons 是 Google Material Design 图标集的字体转换版本.
• material-colors — Google Material Design 的颜色可供编码人员使用.
• material-color — 调色板，基于 Google 的 Material Design，用于您的项目.
• LESS-Material-design-colors — 一个包含所有 Google Material Design 颜色的 .less 文件.
• sass-material-colors — 在 Sass/Scss 项目中使用 Google 的 Material Design 颜色的简单方法.
• Google-Material-Design-Font-Icon — 基于 Google Material Design 图标集的字体图标.
• Material Design Icons — 社区生成的 Material Design 图标包.
• Android Asset Studio — 一组基于 Web 的工具，用于生成最终位于 Android 应用程序的 res/ 目录中的图形和其他资产.

Animation

• JavaScript
  • Waves — 受 Google Material Design 启发的点击效果.
  • material-design-hamburger — 在 CSS 中构建的 Android 的 Material Design 汉堡包动画.
  • Material-Preloader — 一个重新创建 Material Design 预加载器的 jQuery 插件（如收件箱中所示）.
  • Google-material-design-ripple-effect — jQuery 插件重现波纹和焦点效果.

Components

• SVG-Morpheus — 使 SVG 图标从一个变为另一个的 JavaScript 库. 它实现了 Material Design 的 Delightful Details 过渡.
• Material-Design-ColorPicker — Material Design 颜色选择器.
• material-design-color-palette — Material Design 调色板：LESS/CSS 工具包.
• md-timepicker — Material Design 中的 Polymer Timepicker 元素.
• md-date-time — 基于谷歌材料设计规范的日期时间选择器.
• ng-material-floating-button — Material Design 浮动菜单，带有作为 Angularjs 指令实现的操作按钮.
• DevExtreme Reactive - 用于 Material Design 的高性能基于插件的 React 组件.

CSS

• Surface — 基于 Material Design 的轻量级纯 CSS 框架.
• material-ui — 一个 CSS 框架和一组实现 Google Material Design 的 React 组件.
• bootstrap-material-design — Bootstrap 3 的材料设计主题.
• materialize — Materialise，一个基于 Material Design 的 CSS 框架.
• materialBootstrap — Google Material Design 的 Twitter Bootstrap 主题.
• material-playground — 聚合物材料设计游乐场.
• material-framework — 一个易于使用的基于材料设计的框架.
• mui — 遵循 Material Design 指南的轻量级 CSS 框架.
• material-foundation — Foundation for Sites 的 Material Design 版本.
• Tronic247 Material - 基于 jQuery 和 CSS 的材料设计框架

JS

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

SASS

• quantum-colors — Sass 项目的 Material Design 调色板.
• quantum-shadows — Sass 项目的 Material Design 投影.
• google-material-design — 受谷歌材料设计指南启发的小型 SASS 库.

WordPress

• MaterialPress — MaterialPress 是一个 WordPress 主题，深受 Google 的 Material Design 哲学影响.
• materialwp — Material Design WordPress 主题.

窗体

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

XAML

• MaterialDesignInXamlToolkit — Google's Material Design in XAML & WPF, for C# & VB.Net.

Other

• material_design_zh — Material Design Collaborative 中文翻译
• material-color-scheme — 基于 Material Design 调色板的 Sublime Text 语法主题.
• framaterial — 创建 Material Design 项目的框架.
• Material Design Templates — ThemeForest 上各种受材料设计启发的主题和模板.
• MaterialUp — 每天获取 Material 设计灵感！
• Material Palette — 选择您喜欢的颜色并生成您的 Material Design 调色板.
• Paper Polymer Elements — Paper 元素是一组实现 Google Material Design 的视觉元素.
• ScaffoldHub.io — 使用在线建模工具生成完整的 Angular Material 应用程序！

Other Awesome Lists

其他非常棒的列表可以在 awesome-awesomeness 列表.

Contributing

随时欢迎您的贡献！ 请阅读 contribution guidelines 第一的.