Here’s the Deal

Semantic Grid System vs Material UI

1 1

25 23

When comparing Semantic Grid System vs Material UI, the Slant community recommends Material UI for most people. In the question“What is the best CSS framework?” Material UI is ranked 8th while Semantic Grid System is ranked 36th. The most important reason people chose Material UI is:

Really nice implementation so far

Ranked in these QuestionsQuestion Ranking

Common Questions

What is the best CSS framework?

Pros

Pro
Responsive layouts

With Semantic.gs, you can manipulate the grid using media queries.

article { .column(9); }
section { .column(3); }

@media screen and (max-width: 720px) {
    article { .column(12); }
    section { .column(12); }
}

Pro
Fixed and fluid layouts

By default Semantic Grid System has a fixed layout. But switching to fluid, percentage-based layouts is easy. To switch from pixels to percentages, simply add one variable:

@total-width: 100%;

Pro
Runs on SCSS, LESS, or Stylus

Semantic.gs supports all modern CSS pre-processors sucha as Sass, LESS and Stylus.

Pro
Adheres really well to the material design standard

Really nice implementation so far

Pro
Perfect for React projects

Really convenient and easy to use components

Ad
Cons

No cons yet!

Con
Active development means API changes are frequent

Might be a problem for large projects, but since active development is a good thing, you should consider this rather mild inconvenience weighed against the benefits.