Google introduces Material Design Lite to help your site look like
Google Design Lite
an App
Google introduces Material Design Lite, which brings its Material Design design guidelines to the Web using CSS, JavaScript and HTML, meaning websites may soon all look like Android apps.
Google reports it's new service is framework agnostic and can be used with almost any front-end solution a web designer or website developer may want to use.
Using Paper elements, Material Design Lite allows you to take pieces of the original Material Design to use if the entire code does not complement your needs. For instance, you could plug a Material Design Lite graph into your existing website without needing to worry about other Material Design components.
“The Paper elements are fully encapsulated components that can be used individually or composed together to create a material design-style site,” says Google engineer Addy Osmani, “and support more advanced user interaction. That said, MDL can be used alongside the Polymer element counterparts.”
Google offers buttons, text-fields, tooltips and spinners as well as responsive grids and breakpoints that follow Material Design and adaptive UI guidelines. Material Design Lite works best on “modern evergreen browsers” like Chrome, Firefox, Opera, Microsoft Edge and Safari.
