Bootstrap vs. Material Design for Angular vs. Foundation



Bootstrap vs Material Design for Angular vs Foundation: What are the differences?

Bootstrap, Foundation, and Material Design for Angular are all frontend frameworks, and all have their own fans. All three frameworks are open source; Bootstrap is the most popular by far. Material Design for Angular is distinguished by its relationship to AngularJS and the fact that it’s used specifically for Material Design by Google.

Hacker News, Reddit, Stack Overflow Stats

  • 3.29K
  • 8.09K
  • 94K
  • -
  • 27
  • 0
  • -
  • 1.19K
  • 717

GitHub Stats

Description

What is Bootstrap?

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

What is Material Design for Angular?

Material Design is a specification for a unified system of visual, motion, and interaction design that adapts across different devices. Our goal is to deliver a lean, lightweight set of AngularJS-native UI elements that implement the material design system for use in Angular SPAs.

What is Foundation?

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.

Want advice about which of these to choose?Ask the StackShare community!

Pros

Why do developers choose Bootstrap?
Why do you like Bootstrap?

Why do developers choose Material Design for Angular?
Why do you like Material Design for Angular?

Why do developers choose Foundation?
Why do you like Foundation?

Cons

What are the cons of using Bootstrap?
Downsides of Bootstrap?

What are the cons of using Material Design for Angular?
No Cons submitted yet for Material Design for Angular
Downsides of Material Design for Angular?

What are the cons of using Foundation?
No Cons submitted yet for Foundation
Downsides of Foundation?

Why do developers choose Bootstrap vs Material Design for Angular vs Foundation?

  • Bootstrap is known for being responsive, consistent, and flexible. It’s widely used and well documented, and fans appreciate its responsiveness.
  • Foundation is also appreciated for its responsive grid. Users call it fast, quick to prototype, and highly customizable.
  • Material Design for Angular is backed by Angular and Google, which gives fans confidence. It’s also appreciated for its UI components and ease of learning.

Companies

What companies use Bootstrap?
8373 companies on StackShare use Bootstrap
What companies use Material Design for Angular?
318 companies on StackShare use Material Design for Angular
What companies use Foundation?
754 companies on StackShare use Foundation

Integrations

What tools integrate with Bootstrap?
17 tools on StackShare integrate with Bootstrap
What tools integrate with Material Design for Angular?
1 tools on StackShare integrate with Material Design for Angular
What tools integrate with Foundation?
4 tools on StackShare integrate with Foundation

What are some alternatives to Bootstrap, Material Design for Angular, and Foundation?

  • Semantic UI - A UI Component library implemented using a set of specifications designed around natural language
  • Materialize - A modern responsive front-end framework based on Material Design
  • Material UI - A CSS Framework and a Set of React Components that Implement Google's Material Design
  • Polymer - A new library built on top of Web Components, designed to leverage the evolving web platform on modern browsers

See all alternatives to Bootstrap

Latest News

Bootstrap 4
Bootstrap 4 Beta 3
Bootstrap 4 Beta 2
How Design Insights Transformed Foundation Building ...
Foundation Building Blocks: Over 100 Components to J...
Foundation & CSS Grid: Think Beyond the Page


Interest Over Time