98 lines
11 KiB
Plaintext
98 lines
11 KiB
Plaintext
[38;5;12m [39m[38;2;255;187;0m[1m[4mAwesome Material Design [0m[38;5;14m[1m[4m![0m[38;2;255;187;0m[1m[4mAwesome[0m[38;5;14m[1m[4m (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)[0m[38;2;255;187;0m[1m[4m (https://github.com/sindresorhus/awesome)[0m
|
||
|
||
[38;5;12mA curated list of Google's [39m[38;5;14m[1mmaterial design[0m[38;5;12m (http://www.google.com/design/spec) based libraries, resources and awesome things.[39m
|
||
|
||
[38;5;12mIcons, Fonts and Colors[39m
|
||
[38;5;12m==[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterial-design-icons[0m[38;5;12m (https://github.com/google/material-design-icons) — Material Design icons by Google.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterial-design-iconic-font[0m[38;5;12m (https://github.com/zavoloklom/material-design-iconic-font) — Material Design Iconic Font and CSS toolkit.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterial-design-fonticons[0m[38;5;12m (https://github.com/designjockey/material-design-fonticons) — Material Design Fonticons is a font converted version of the Google Material Design Icon set.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterial-colors[0m[38;5;12m (https://github.com/shuhei/material-colors) — Colors of Google's Material Design made available to coders.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterial-color[0m[38;5;12m (https://github.com/mrmlnc/material-color) — The colour palette, based on Google's Material Design, for use in your project.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mLESS-Material-design-colors[0m[38;5;12m (https://github.com/tisign/LESS-Material-design-colors) — A .less file with al the Google material design colors.[39m
|
||
[38;5;12m - [39m[38;5;14m[1msass-material-colors[0m[38;5;12m (https://github.com/minusfive/sass-material-colors) — An easy way to use Google's Material Design colors in your Sass/Scss project.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mGoogle-Material-Design-Font-Icon[0m[38;5;12m (https://github.com/Seb-L/Google-Material-Design-Font-Icon) — Font Icon based on Google Material Design Icon set.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mMaterial Design Icons[0m[38;5;12m (https://materialdesignicons.com/) — Community generated Material Design icon pack.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mAndroid Asset Studio[0m[38;5;12m (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.[39m
|
||
|
||
[38;5;12mAnimation[39m
|
||
[38;5;12m==[39m
|
||
[38;5;12m - JavaScript[39m
|
||
[48;5;235m[38;5;249m- **Waves** (https://github.com/fians/Waves) — Click effect inspired by Google's Material Design.[49m[39m[48;5;235m[38;5;249m [49m[39m
|
||
[48;5;235m[38;5;249m- **material-design-hamburger** (https://github.com/swirlycheetah/material-design-hamburger) — Android's Material Design hamburger animation built in CSS.[49m[39m[48;5;235m[38;5;249m [49m[39m
|
||
[48;5;235m[38;5;249m- **Material-Preloader** (https://github.com/aarondo/Material-Preloader) — A jQuery plugin that recreates the Material Design pre-loader (as seen on inbox).[49m[39m[48;5;235m[38;5;249m [49m[39m
|
||
[48;5;235m[38;5;249m- **Google-material-design-ripple-effect** (https://github.com/ninox92/Google-material-design-ripple-effect) — jQuery plugin recreates ripple and focus effect.[49m[39m
|
||
[38;5;12m [39m
|
||
[38;5;12mComponents[39m
|
||
[38;5;12m==[39m
|
||
[38;5;12m - [39m[38;5;14m[1mSVG-Morpheus[0m[38;5;12m (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.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mMaterial-Design-ColorPicker[0m[38;5;12m (https://github.com/Fraina/Material-Design-ColorPicker) — A Material Design Color Picker.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterial-design-color-palette[0m[38;5;12m (https://github.com/zavoloklom/material-design-color-palette) — Material Design Color Palette: LESS/CSS toolkit.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmd-timepicker[0m[38;5;12m (https://github.com/dotlouis/md-timepicker) — A Polymer Timepicker element in Material Design.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmd-date-time[0m[38;5;12m (https://github.com/SimeonC/md-date-time) — A Date-Time picker based on Googles Material Design Spec.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mng-material-floating-button[0m[38;5;12m (https://github.com/nobitagit/ng-material-floating-button) — Material design floating menu with action buttons implemented as an Angularjs directive.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mDevExtreme Reactive[0m[38;5;12m (https://devexpress.github.io/devextreme-reactive/react) - High-performance plugin-based React components for Material Design.[39m
|
||
|
||
|
||
[38;5;12mCSS[39m
|
||
[38;5;12m==[39m
|
||
[38;5;12m - [39m[38;5;14m[1mSurface[0m[38;5;12m (https://github.com/mildrenben/surface) — A lightweight, CSS only framework based on Material Design.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterial-ui[0m[38;5;12m (https://github.com/callemall/material-ui) — A CSS Framework and a Set of React Components that Implement Google's Material Design.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mbootstrap-material-design[0m[38;5;12m (https://github.com/FezVrasta/bootstrap-material-design) — Material design theme for Bootstrap 3.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterialize[0m[38;5;12m (https://github.com/Dogfalo/materialize) — Materialize, a CSS Framework based on Material Design.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterialBootstrap[0m[38;5;12m (https://github.com/throrin19/materialBootstrap) — Twitter Bootstrap theme for Google material design.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterial-playground[0m[38;5;12m (https://github.com/ebidel/material-playground) — Polymer material design playground.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterial-framework[0m[38;5;12m (https://github.com/nt1m/material-framework) — An easy to use material design based framework.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmui[0m[38;5;12m (https://github.com/muicss/mui) — A lightweight CSS framework that follows Material Design guidelines.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterial-foundation[0m[38;5;12m (https://github.com/eucalyptuss/material-foundation) — A Material Design version of Foundation for Sites.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mTronic247 Material[0m[38;5;12m (https://www.tronic247.com/material/) - A material design framework based on jQuery and CSS[39m
|
||
|
||
[38;5;12mJS[39m
|
||
[38;5;12m==[39m
|
||
[38;5;12m - [39m[38;5;14m[1mAngularJS[0m[38;5;12m (https://github.com/angular/material) — Material design for AngularJS.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mAngular[0m[38;5;12m (https://github.com/angular/material2) — Material design for Angular.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mDevExtreme[0m[38;5;12m (https://js.devexpress.com) — 65+ responsive and feature-complete UI components with customizable Material Design compliant themes. Available for Angular, React, Vue and jQuery.[39m
|
||
[38;5;12m - [39m[38;5;14m[1member-paper[0m[38;5;12m (https://github.com/miguelcobain/ember-paper) — The Ember approach to Material Design.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterial-design-lite[0m[38;5;12m (https://github.com/google/material-design-lite/) — Material Design Lite Components in HTML/CSS/JS.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mMUI[0m[38;5;12m (https://mui.com/) — The React component library of Material Design[39m
|
||
[38;5;12m - [39m[38;5;14m[1mreact-material[0m[38;5;12m (https://github.com/BerkeleyTrue/react-material) — Material design components written with React.js and React Style.[39m
|
||
|
||
|
||
[38;5;12mSASS[39m
|
||
[38;5;12m==[39m
|
||
[38;5;12m - [39m[38;5;14m[1mquantum-colors[0m[38;5;12m (https://github.com/nkpfstr/quantum-colors) — Material Design color palette for your Sass projects.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mquantum-shadows[0m[38;5;12m (https://github.com/nkpfstr/quantum-shadows) — Material Design drop shadows for your Sass projects.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mgoogle-material-design[0m[38;5;12m (https://github.com/axyz/google-material-design) — Small SASS library inspired by google material design guidelines.[39m
|
||
|
||
|
||
[38;5;12mWordPress[39m
|
||
[38;5;12m==[39m
|
||
[38;5;12m - [39m[38;5;14m[1mMaterialPress[0m[38;5;12m (https://github.com/alexpatin/MaterialPress) — MaterialPress is a WordPress theme, influenced heavily by Google's Material Design philosophy.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterialwp[0m[38;5;12m (https://github.com/braginteractive/materialwp) — Material Design WordPress Theme.[39m
|
||
[38;5;12m [39m
|
||
[38;5;12m WinForms[39m
|
||
[38;5;12m==[39m
|
||
[38;5;12m- [39m[38;5;14m[1mMaterialSkin[0m[38;5;12m (https://github.com/IgnaceMaes/MaterialSkin) — Theming .NET WinForms, C# or VB.Net, to Google's Material Design Principles.[39m
|
||
|
||
[38;5;12mXAML[39m
|
||
[38;5;12m==[39m
|
||
[38;5;12m - [39m[38;5;14m[1mMaterialDesignInXamlToolkit[0m[38;5;12m (https://github.com/ButchersBoy/MaterialDesignInXamlToolkit) — Google's Material Design in XAML & WPF, for C# & VB.Net.[39m
|
||
|
||
[38;5;12mOther[39m
|
||
[38;5;12m==[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterial_design_zh[0m[38;5;12m (https://github.com/1sters/material_design_zh) — Material Design Collaborative Chinese translation[39m
|
||
[38;5;12m - [39m[38;5;14m[1mmaterial-color-scheme[0m[38;5;12m (https://github.com/paradox41/material-color-scheme) — Sublime Text syntax theme based off the Material Design color palette.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mframaterial[0m[38;5;12m (https://github.com/Framaterial/framaterial) — A Framework to create Material Design projects.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mMaterial Design Templates[0m[38;5;12m (http://themeforest.net/tags/material%20design) — Various material design inspired themes and templates on ThemeForest.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mMaterialUp[0m[38;5;12m (http://www.materialup.com/) — Get your daily dose of Material design inspiration![39m
|
||
[38;5;12m - [39m[38;5;14m[1mMaterial Palette[0m[38;5;12m (http://www.materialpalette.com/) — Choose your favorite colors and generate your Material Design palette.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mPaper Polymer Elements[0m[38;5;12m (https://elements.polymer-project.org/browse?package=paper-elements) — Paper elements are a set of visual elements that implement Google's Material Design.[39m
|
||
[38;5;12m - [39m[38;5;14m[1mScaffoldHub.io[0m[38;5;12m (https://scaffoldhub.io) — Generate full Angular Material applications with an online modeling tool![39m
|
||
[38;5;12m [39m
|
||
[38;5;12m [39m[38;2;255;187;0m[1m[4mOther Awesome Lists[0m
|
||
[38;5;12mOther amazingly awesome lists can be found in the [39m[38;5;14m[1mawesome-awesomeness[0m[38;5;12m (https://github.com/bayandin/awesome-awesomeness) list.[39m
|
||
|
||
[38;2;255;187;0m[4mContributing[0m
|
||
|
||
[38;5;12mYour contributions are always welcome! Please read the [39m[38;5;14m[1mcontribution guidelines[0m[38;5;12m (contributing.md) first.[39m
|