Materialize is one of the easiest ways to implement Material Design in our web pages, as well as very helpful in automatically adjusting elements such as text size to take differing screen sizes. It provides a limited but pertinent set of material components, such as navigation drawers, ripple effects, and cards. The best way to learn about Materialize is to try it out for ourselves.

Setting up

If you have ever used Bootstrap, you will recognize immediately how Materialize is structured. You will begin by downloading the files from this link:

You will note that there are two main downloads available, Materialize and Sass:

Until you become familiar, and for the sake of this exercise, it is ...

Get Learning Material Design now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.