Materialize – A Material Design CSS Framework


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.



Written by Deepanker

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.


Leave a Reply

Leave a Reply

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


Fullscreen Background Videos jQuery Plugin - OKVideo

Fullscreen Background Videos jQuery Plugin – OKVideo

Best Antivirus apps for Android

How to find Android device which is in Silent Mode