Need advice about which tool to choose?Ask the StackShare community!
Foundation vs Materialize: What are the differences?
Foundation: The most advanced responsive front-end framework in the world. Foundation is the most advanced responsive front-end framework in the world. You can quickly prototype and build sites or apps that work on any kind of device with Foundation, which includes layout constructs (like a fully responsive grid), elements and best practices; Materialize: A modern responsive front-end framework based on Material Design. A CSS Framework based on material design.
Foundation and Materialize belong to "Front-End Frameworks" category of the tech stack.
Some of the features offered by Foundation are:
- Semantic: Everything is semantic. You can have the cleanest markup without sacrificing the utility and speed of Foundation.
- Mobile First: You can build for small devices first. Then, as devices get larger and larger, layer in more complexity for a complete responsive design.
- Customizable: You can customize your build to include or remove certain elements, as well as define the size of columns, colors, font size and more.
On the other hand, Materialize provides the following key features:
- Speeds up development
- User Experience Focused
- Easy to work with
"Responsive grid", "Mobile first" and "Open source" are the key factors why developers consider Foundation; whereas "Google material design", "Responsive" and "Easy to use" are the primary reasons why Materialize is favored.
Foundation and Materialize are both open source tools. It seems that Materialize with 36.1K GitHub stars and 4.8K forks on GitHub has more adoption than Foundation with 28.2K GitHub stars and 5.77K GitHub forks.
According to the StackShare community, Foundation has a broader approval, being mentioned in 653 company stacks & 77 developers stacks; compared to Materialize, which is listed in 46 company stacks and 55 developer stacks.
Pros of Foundation
- Responsive grid160
- Mobile first93
- Open source80
- Semantic75
- Customizable72
- Quick to prototype52
- Simple ui50
- Fast45
- Best practices44
- Easy setup39
- Neutral style6
- HTML, SCSS and JS6
- Accessibility support5
- Professional5
- Xy grid3
- Sass2
- Every new version is smaller, smarter & more efficient2
- Robust1
Pros of Materialize
- Google material design102
- Easy to use74
- Responsive74
- Modern looks54
- Open source48
- Good documentation42
- Code examples37
- Extremely light - 29kb29
- Flexible28
- Great Support15
- It looks beautiful10
- Very nice looking components to quickly build out8
- Smooth animation7
- Great Grid System6
- Great4
- Ruby gem to integrate in 2 seconds flat4
- Angular2 Support3
- MIT Lisence2
- Friendly api, easy setup, good documentation2
- Easy setup2
- React1
- Grid system1
- Because of the easy to use and very editable library1
- Responsivness1
- Jibberish1
- Friendly Api1
- Better class name0
- Rtl support0
Sign up to add or upvote prosMake informed product decisions
Cons of Foundation
- Requires jQuery5
- Awful site4
Cons of Materialize
- Mobile errors7
- Poor Grid System6
- Unmaintained2