Material Design Resources
A list of material design resources: Google, ReactJs, AngularJs, Polymer, EmberJs,...
What is it?
Material Design (codenamed quantum paper) is a design language developed by Google and announced at the Google I/O conference on June 25, 2014. Expanding upon the "card" motifs first seen in Google Now, it is a design with increased use of grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows. Designer Matias Duarte explained that "unlike real paper, our digital material can expand and reform intelligently. Material has physical surfaces and edges. Seams and shadows provide meaning about what you can touch." Google states that their new design language is based on paper and ink. http://en.wikipedia.org/wiki/Material_design
General
-
General Resources
Materialpalette
Materialup
Materialize
Bootstrap Material Design
Designmodo resources
cta.js
cta.js GithubA list of general resources on Material Design
Blog
-
Blog articles
https://medium.com/google-developers/introducing-material-design-lite-3ce67098c031
http://www.frandroid.com/android/225241_google-i0-2014-material-design-interface-totalement-revue-unifiee
http://graphism.fr/comprendre-le-material-design-de-google/
http://www.nextinpact.com/news/93108-google-play-music-pour-ios-passe-au-material-design-et-a-ipad.htm
http://googledevelopers.blogspot.fr/2014/06/this-is-material-design.html
http://gizmodo.com/what-material-design-means-for-the-future-of-android-1595976211
http://venturebeat.com/2014/06/27/top-designers-react-to-googles-new-material-design-language/
https://scotch.io/tutorials/make-material-design-websites-with-the-materialize-css-framework
http://thenextweb.com/google/2014/06/26/google-explains-principles-material-design-language-android-chrome-web/
A list of blog articles on Material Design
Full applications/frameworks
-
Full applications and Frameworks
Material Design Lite
LumX
OpenLocalization
MUI
MaterialDrawer
Material design theme
https://github.com/fians/Waves
https://github.com/swirlycheetah/material-design-hamburger
https://github.com/alexk111/SVG-Morpheus
https://github.com/Framaterial/framaterial
https://github.com/nt1m/material-framework
https://github.com/mildrenben/surface
Full applications or frameworks allowing to build "material designed" applications, websites, blogs,...
Google & Android
-
Google and Android Material Design
Google Material Design
Material Design Lite Github
Google Material Design specifications
Material Design icons
Android Material Design
Android Material Design checklist
Android LollipopGoole and android material design: specification, icons, papers, lollipop,...
VueJS
-
VueJS
SPA front-end on steroids.
Build well-crafted apps with Material Design and Vue 2
Vue MDL is a set of reusable Material Design Lite(mdl) components.
http://appcomponents.org/material-components
https://paulpflug.github.io/vue-materialize
http://material-ui-vue.jackyang.me/docs/index.html
http://loujiayu.github.io/vue-material-design
https://museui.github.io
Jekyll
-
Jekyll
How I made my blog with material design
Jekyll Material Design
Jekyll Bootstrap 3
Material Jekyll
jeffreymartin Clean ThemeTransform your plain text into static websites and blogs with Material Design
ReactJs
-
ReactJs
Material UI
Material UI Github
React Material
React Material Github
Material design components written with React.js and React Style.
A CSS Framework and a Set of React Components that Implement Google's Material Design
AngularJs
-
Angular Material Design
Angular Material
Angular Material Github
NgPolymer elements
Angularjs Material Floating Buttons
Angularjs Material Floating Buttons Github
Angular Material DashboardThe Angular Material Design project is a reference implementation effort similar to that provided in the Polymer project's Paper elements collection.
Polymer
-
Polymer
Polymer Material Design
Polymer Material Design paper elements
Polymer Material Design paper elements Github
Polymer Topeka
Polymer Calculator
NgPolymer elementsPolymer's paper elements collection implements material design for the web.
EmberJs
-
Ember Paper
Ember Paper
Ember Paper Github
This project aims to bring Google's new Material Design to Ember. The goal is to encapsulate everything possible in Ember components.
Wordpress
-
Wordpress
Wordpress material design theme Zephyr
Zephyr material design theme
Material Design themes
Material WP
Material WP Github
MaterialPress
Material Design Wordpress themesBuild you Wordpress site/blog with material design
Magento
-
Magento
PolarCore theme
MT BeJewelry Material Responsive Magento ThemeBuild you Magento e-commerce with material design
Snippets
-
Snippets
A Collection by Chris Coyier
A Collection by Nico van Zyl
A Collection by Kevin Gimbel
Animated hamburger menu
Input fields
Radio buttons
Checkboxes
Button elements
Ripple buttons
Ripples
Menu transition
Morphing menu
Morphing icons
Drawer menu
Spinner animation
Tile animations
Animation timing
Many Material Design snippets