What are the best Material Design CSS frameworks?

Question

4

Options
Considered

58

User
Recs.

Dec 5, 2020

Last
Updated

Here’s the Deal

4 Options Considered

Best Material Design CSS frameworks?	Price	Last Updated
-- Materialize	-	Dec 5, 2020
-- Material Design Lite	-	Nov 12, 2020
-- Material Components for the Web	-	Aug 27, 2020
-- MUI CSS	-	Jan 31, 2019

See Full List

I Recommend...

Built By the Slant team

Find the best product instantly.

Lustre recommends the best products at their lowest prices – right on Amazon.

4.7 star rating

Try it now - it's free

score 36 · 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

SuccinctCyamites's Experience

setup docs are not reasonable, especially where jQuery is concerned. jQuery is not React friendly so I try to avoid the packages, but I did not have any choice. See More

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 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

TolerantHobnil's Experience

Its what i use and i LOVE it See More

Top Pro

Mobile navigation

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

fifn2's Experience

It's easy to use, but not very customizable. I switched to Material Components Web. 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

Nice showcase of sites built with Materialize

Top Pro

Included icon font

Top Pro

Seems more compact

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

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

Built by Slant

Find the best product
instantly.

Stop wasting time searching endlessly. Lustre recommends the best products at their lowest prices – right on Amazon.

4.7 star rating

Add to Chrome - It's Free

Add to Edge - It's Free

Add to Firefox - It's Free

Add to Opera - It's Free

Add to Brave - It's Free

Add to Safari - It's Free

Try now - it's free

score 8 · 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

Winnie Brockett's Experience

A front-end template that helps you build fast, modern mobile web apps. See More

Top Pro

Very customizable

See All

score 5 · Answer 3

Material Components for the Web

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

Top Pro

Developed by Google

"Material Components for the Web" is a framework created by Google, creators of the Material Design. 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 4 · 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

Large selection of components

Large / heavy

Great-looking demo

Refuses to use the flexbox model

Mobile navigation

12-Column Grid System

Device agnostic

Nice showcase of sites built with Materialize

Included icon font

Seems more compact

Customizable

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

Relies on LOTS of sass

Developed by Google

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!