Materialize CSS
Bootstrap
Foundation
| Materialize CSS | Bootstrap | Foundation | |
|---|---|---|---|
| Principles | Responsive, Web design, UX-focused |
RWD, Mobile first |
RWD, Mobile first, Semantic |
| Size (zip) | 162 KB | 592 KB | 233 KB |
| Preprocessors | Sass | Sass | Sass |
| Unique Features | ScrollFire, ScrollSpy, Wave behaviors, Slide-out drawer menu, Toast, Parallax |
Jumbotron, Card component, Responsive navbar |
Icon Bar, Lightbox, Flex video, Keystrokes, Joyride, Pricing tables |
| Flexbox | No | Yes | No |
| Grid | 12-column fluid system | up to 12-column system | XY 12-column system (float + flexbox) |
| Documentation | Good | Excellent | Good |
| Learning curve | Mild | Mild | Steep |
Data was taken from https://altexsoft.com/.