Google introduced a new design language for Android, Chrome OS, and web apps. You can read more about the subject on Google’s website. Material Design will allow developers to create new material themes, 3D views of shadows, floating action buttons, and animation capabilities. Using tactile surfaces, bold graphic design and fluid motion, it will allow developers and designers to build more flexible, colorful and attractive apps.

If you are looking for ways to explore how to use the Material Design language in your own project, here are 24 material design examples & resources.

Material Interaction

This site shows interactive experiences for Google’s Material Design Principles.

Lumx

The first responsive front-end framework based on AngularJS & Google Material Design specifications.

Material Design Color Palette Generator

Choose your favorite colors and get your Material Design palette generated and downloadable.

Material-UI

Material-UI is a CSS framework and a set of React components that implement Google’s Material Design specification.

Material Design for Bootstrap

Material Design for Bootstrap is a theme for Bootstrap 3 which lets you use the new Google Material Design in your favorite front-end framework.

Material Design Icons

Material Design Icons are the official open-source icons featured in the Google Material Design specification.

Material Design [Free .Sketch Template & Icons]

A quick start .sketch template which includes:

– 424 Android L Icons (available in separate zip also)
– Desktop, Tablet & Mobile layouts (using the Polymer HTML5 syntax for organization)
– All the Polymer Project web component elements