针对不同框架的Google材料设计库的精选列表

针对不同框架的Google材料设计库的精选列表

A curated list of Google's material design based libraries, resources and awesome things.

Icons, Fonts and Colors

material-design-icons — Material Design icons by Google.material-design-iconic-font — Material Design Iconic Font and CSS toolkit.material-design-fonticons — Material Design Fonticons is a font converted version of the Google Material Design Icon set.material-colors — Colors of Google's Material Design made available to coders.material-color — The colour palette, based on Google's Material Design, for use in your project.LESS-Material-design-colors — A .less file with al the Google material design colors.sass-material-colors — An easy way to use Google's Material Design colors in your Sass/Scss project.Google-Material-Design-Font-Icon — Font Icon based on Google Material Design Icon set.Material Design Icons — Community generated Material Design icon pack.Android Asset Studio — A web-based set of tools for generating graphics and other assets that would eventually be in an Android application's res/ directory.

Animation

JavaScript Waves — Click effect inspired by Google's Material Design.material-design-hamburger — Android's Material Design hamburger animation built in CSS.Material-Preloader — A jQuery plugin that recreates the Material Design pre-loader (as seen on inbox).Google-material-design-ripple-effect — jQuery plugin recreates ripple and focus effect.

Components

SVG-Morpheus — JavaScript library enabling SVG icons to morph from one to the other. It implements Material Design's Delightful Details transitions.Material-Design-ColorPicker — A Material Design Color Picker.material-design-color-palette — Material Design Color Palette: LESS/CSS toolkit.md-timepicker — A Polymer Timepicker element in Material Design.md-date-time — A Date-Time picker based on Googles Material Design Spec.ng-material-floating-button — Material design floating menu with action buttons implemented as an Angularjs directive.DevExtreme Reactive - High-performance plugin-based React components for Material Design.

CSS

Surface — A lightweight, CSS only framework based on Material Design.material-ui — A CSS Framework and a Set of React Components that Implement Google's Material Design.bootstrap-material-design — Material design theme for Bootstrap 3.materialize — Materialize, a CSS Framework based on Material Design.materialBootstrap — Twitter Bootstrap theme for Google material design.material-playground — Polymer material design playground.material-framework — An easy to use material design based framework.mui — A lightweight CSS framework that follows Material Design guidelines.material-foundation — A Material Design version of Foundation for Sites.

JS

AngularJS — Material design for AngularJS.Angular — Material design for Angular.DevExtreme — 65+ responsive and feature-complete UI components with customizable Material Design compliant themes. Available for Angular, React, Vue and jQuery.ember-paper — The Ember approach to Material Design.material-design-lite — Material Design Lite Components in HTML/CSS/JS.react-material — Material design components written with React.js and React Style.

SASS

quantum-colors — Material Design color palette for your Sass projects.quantum-shadows — Material Design drop shadows for your Sass projects.google-material-design — Small SASS library inspired by google material design guidelines.

WordPress

MaterialPress — MaterialPress is a WordPress theme, influenced heavily by Google's Material Design philosophy.materialwp — Material Design WordPress Theme.

WinForms

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 Chinese translationmaterial-color-scheme — Sublime Text syntax theme based off the Material Design color palette.framaterial — A Framework to create Material Design projects.Material Design Templates — Various material design inspired themes and templates on ThemeForest.MaterialUp — Get your daily dose of Material design inspiration!Material Palette — Choose your favorite colors and generate your Material Design palette.Paper Polymer Elements — Paper elements are a set of visual elements that implement Google's Material Design.ScaffoldHub.io — Generate full Angular Material applications with an online modeling tool!

Other Awesome Lists

Other amazingly awesome lists can be found in the awesome-awesomeness list.

Contributing

Your contributions are always welcome! Please read the contribution guidelines first.

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。