On the Google developers website this week the search engine giant has unveiled their new Material Design Light framework that consists of a library of components and templates created using vanilla CSS, HTML and JS.
The new Material Design Light code has been created to enable developers to easily add a Material Design look to websites, reflecting the user interface and Material Design styling used in a number of Android applications.
Google explains a little more :
MDL makes it easy to add a material design look and feel to your websites. The “Lite” part of MDL comes from several key design goals: MDL has few dependencies, making it easy to install and use. It is framework-agnostic, meaning MDL can be used with any of the rapidly changing landscape of front-end tool chains. MDL has a low overhead in terms of code size (~27KB gzipped), and a narrow focus — enabling material design styling for websites.
For more information on the new Material Design Light code and how it can be implemented to change the look of your website jump over to the resources that have been set up by Google to get you started together with a number of examples on CodePen.