Google Introduced Material Design Lite for Websites

It was a matter of time for Google to release their Material Design interface. Material Design Lite (MDL) is a user interface which uses the Material Design UI and translates it into the web. The library consists of components and templates in vanilla CSS, HTML and JS.

Google states that MDL is framework that can be used by almost every web designer or developer. MDL is very light; gzipped the code is under 27 kB.

Designers and developers should be happy to know that MDL uses the “paper” elements which can be used separately if the whole library is not to their taste. For example, they can use an MDL graphic to an existing website without using other MD elements.

At the official MD blog, developers state that MDL is easy to work with and you can use it to add material design look and feel to your websites.

MDL also optimises is also suitable for websites that heavy on content such as blogs and marketing pages. You can check some of the templates from the official page.

Have a look at some of the components. Hopefully, you will be inspired to create beautiful websites.

MDL for Blogs:

---

MDL for text-heavy content sites:

---

MDL for dashboards

---

MDL for stand-alone articles

---

Get MDL