Need advice about which tool to choose?Ask the StackShare community!
Foundation for Apps vs Material Design for Bootstrap: What are the differences?
What is Foundation for Apps? Angular-powered framework for building powerful responsive web apps, from your friends at ZURB. Foundation for Apps is a framework you can use to build better, more polished single-page web applications that work across many devices. We’ve taken what we’ve learned from building the original Foundation framework to build an entirely new framework just for web apps.
What is Material Design for Bootstrap? Material Design for Bootstrap. This Bootstrap theme is an easy way to use the new Material Design guidelines by Google in your Bootstrap 3 based application. Just include the theme right after the Bootstrap CSS and include the javascript at the end of your document, everything will be converted to Material Design (paper) style.
Foundation for Apps and Material Design for Bootstrap can be primarily classified as "Front-End Frameworks" tools.
Some of the features offered by Foundation for Apps are:
- Vertical Grid
- Independent Scrolling Sections
- Easier Source Ordering
On the other hand, Material Design for Bootstrap provides the following key features:
- Input fields (text, numeric, email, etc)
- Textarea
- Buttons (ripple effect working)
Foundation for Apps and Material Design for Bootstrap are both open source tools. It seems that Material Design for Bootstrap with 19.9K GitHub stars and 3.31K forks on GitHub has more adoption than Foundation for Apps with 1.65K GitHub stars and 236 GitHub forks.
Pros of Foundation for Apps
Pros of Material Design for Bootstrap
- Bootstrap16
- Light weight6
- Awesome and simple to use6
- Modern Looks4
- Google Material Design4
- Responsive4
- Open Source3
- Great angular compatibility3
Sign up to add or upvote prosMake informed product decisions
Cons of Foundation for Apps
Cons of Material Design for Bootstrap
- Not free for premo stuff2