Materialize – A Material Design CSS Framework

material design


Google’s Material design has finally comes to Android with Lollipop. Google has already updated most of its apps with this new kind of design trend. Material design is aimed to work well on web and mobile app. It is now gaining popularity and developers are adopting this for the websites. If you also want to design your next project in material design, try Materialize. Materialize is the CSS framework based on Material Design principles with Sass support.


With the available detailed documentation, you can easily understand and use this in your next project. It comes in two different versions: Materialize and SASS. Materialize contains the minified and unminified CSS and JS files. SASS package contains the source SCSS files. You can try as per your need.

If you have used any kind of CSS design framework, you will quickly adopt this. You only need to include CSS and JS files of the framework. And then you can directly use the given CSS and JS components.


For quick understanding, there are various starter templates. You can try those templates to understand how to start designing a web page with materialize framework.

12 Columns

Like Bootstrap, it also divides screen into 12 different columns. Each of these columns will carry equal width.



There are various other components including Badges, Buttons, Cards, Collections, Footer, Forms, icons, navbar, preloader, collapsible, dialog, dropdown, media, modals, parallax, pushpin, scrollspy and tabs.



To Top