Google Introduced Material Design Lite for Websites

google-mdl-02

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.

Google Introduced Material Design Lite for Websites

Google Introduced Material Design Lite for Websites

Don’t struggle alone with projects

Join the creative community of UX, graphic, web designers and developers to get help with any design or dev project.

MDL for Blogs:


Google Introduced Material Design Lite for Websites

Google Introduced Material Design Lite for Websites

MDL for text-heavy content sites:


google-mdl-05

MDL for dashboards


google-mdl-06

MDL for stand-alone articles


google-mdl-07

Get MDL


You may also like...

1 Response

Leave a Reply

Your email address will not be published. Required fields are marked *