What are the best Material Design CSS frameworks?

Question

4

Options
Considered

29

User
Recs.

16 hrs

Last
Updated

Here’s the Deal

4 Options Considered

Best Material Design CSS frameworks?	Price	Last Updated
-- Materialize	-	Nov 15, 2018
-- Material Design Lite	-	Sep 29, 2018
-- Material Components for the Web	-	Sep 28, 2018
-- MUI CSS	-	Jul 2, 2018

See Full List

Request recommendations from the community

I Recommend...

Help millions of people make better decisions.

Each month, over 2.8 million people use Slant to find the best products and share their knowledge. Pick the tags you’re passionate about to get a personalized feed and begin contributing your knowledge.

score 18 · Answer 1

Materialize

Top Pro

Responsive

Top Con

Limits to Customization

Component Layout/Structure may fall out-of-line if there is too much customization See More

DetailedLadon's Experience

It gives you 'already-made' components, while still allowing a vast space for customizing. It's really cool! See More

Top Pro

12-Column Grid System

Top Con

Large / heavy

267 kilobytes, minified, for the CSS and JS. See More

BrightUpelluri's Experience

Materialize was great for mid level websites See More

Top Pro

Great-looking demo

Top Con

Refuses to use the flexbox model

Even though Materialize states that it only supports IE10+, which supports flexbox quite well, with prefixes, Materialize has refused to use Flexbox. See More

fifn2's Experience

It's easy to use, but not very customizable. I switched to Material Components Web. See More

Top Pro

Included icon font

TolerantHobnil's Experience

Its what i use and i LOVE it See More

Top Pro

Device agnostic

Since Materialize follows Google's guidelines for Material design, which in theory is device agnostic, Materialize itself is device agnostic too. It's designed to look good on every device. See More

Top Pro

Mobile navigation

Top Pro

Seems more compact

Top Pro

Large selection of components

Materialize includes Roboto font and Material Design icons. It also offers plenty of components such as buttons, grids and forms. See More

Top Pro

Customizable

While the default style is not bad at all, Materialize also gives developers the ability to customize it and fit their own style, while still keeping in line with the Material Design philosophy. Along with the CSS files, designers can also download the SASS files which can be edited and compiled. See More

Top Pro

Nice showcase of sites built with Materialize

Top Pro

Opinionated

Material design is very opinionated on how design elements should behave and look. The basics of which revolve around certain visual elements (physics, space, momentum and light) which are used to create specific UX elements. This is very helpful because it creates a consistent feel without making every design look the same. This can be seen in Materialize too, where each element may be customized but still it keeps the consistent look of the material design. See More

Top Pro

Meteor.js integration by developers

See All

score 4 · Answer 2

Material Design Lite

Top Pro

Developed by Google

Material Design Lite is a framework created by Google, who are also responsible for the creation of Material Design. See More

Top Con

On limited support

Google moved further development efforts to Material Components for the web. See More

Top Pro

Very customizable

See All

score 2 · Answer 3

Material Components for the Web

Top Pro

Developed by Google

"Material Components for the Web" is a framework created by Google, creators of the Material Design. See More

Top Con

Relies on LOTS of sass

If you're not familiar with using sass, this isn't recommended. You need to set up a build system, and it's just a pain. See More

fifn2's Experience

It's kinda complicated to use, but it's very customizable. See More

Top Pro

Customization and Theming

You can make it look exactly like you want it too. See More

See All

score 3 · Answer 4

MUI CSS

Top Pro

Lightweight

MUI CSS is lightweight at only 6.7KB. See More

Top Con

Young project

MUI CSS is a young project and not yet a popular choice for developers. Though it is under active development, its smaller community means difficulty in finding support when needed. See More

What are the best Material Design CSS frameworks?

4 Options Considered

Materialize

My Recommendation for Materialize

My Recommendation for Materialize

Responsive

Limits to Customization

12-Column Grid System

Large / heavy

Great-looking demo

Refuses to use the flexbox model

Included icon font

Device agnostic

Mobile navigation

Seems more compact

Large selection of components

Customizable

Nice showcase of sites built with Materialize

Opinionated

Meteor.js integration by developers

Material Design Lite

My Recommendation for Material Design Lite

My Recommendation for Material Design Lite

Developed by Google

On limited support

Very customizable

Material Components for the Web

My Recommendation for Material Components for the Web

My Recommendation for Material Components for the Web

Developed by Google

Relies on LOTS of sass

Customization and Theming

MUI CSS

My Recommendation for MUI CSS

My Recommendation for MUI CSS

Lightweight

Young project

Don't see your favorite option? Add it.

One sec!