Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Foundation

1.2K
1.2K
+ 1
740
Material Design for Angular

11.8K
9.5K
+ 1
522
Add tool

Foundation vs Material Design for Angular: 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; Material Design for Angular: Material Design for AngularJS Apps. 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.

Foundation and Material Design for Angular can be categorized as "Front-End Frameworks" tools.

"Responsive grid" is the top reason why over 155 developers like Foundation, while over 104 developers mention "Ui components" as the leading cause for choosing Material Design for Angular.

Foundation and Material Design for Angular are both open source tools. Foundation with 28.2K GitHub stars and 5.77K forks on GitHub appears to be more popular than Material Design for Angular with 16.5K GitHub stars and 3.57K GitHub forks.

According to the StackShare community, Foundation has a broader approval, being mentioned in 653 company stacks & 77 developers stacks; compared to Material Design for Angular, which is listed in 286 company stacks and 381 developer stacks.

Manage your open source components, licenses, and vulnerabilities
Learn More
Pros of Foundation
Pros of Material Design for Angular
  • 160
    Responsive grid
  • 93
    Mobile first
  • 80
    Open source
  • 75
    Semantic
  • 72
    Customizable
  • 52
    Quick to prototype
  • 50
    Simple ui
  • 45
    Fast
  • 44
    Best practices
  • 39
    Easy setup
  • 6
    Neutral style
  • 6
    HTML, SCSS and JS
  • 5
    Accessibility support
  • 5
    Professional
  • 3
    Xy grid
  • 2
    Sass
  • 2
    Every new version is smaller, smarter & more efficient
  • 1
    Robust
  • 122
    Ui components
  • 63
    Backed by google
  • 51
    Free
  • 51
    Backed by angular
  • 47
    Javascript
  • 34
    Open source
  • 33
    Responsiveness
  • 30
    Easy to learn
  • 28
    Quick to develop
  • 20
    Customizable
  • 8
    Powerful
  • 8
    Easy to start
  • 6
    Flexible
  • 5
    Themes
  • 4
    Flexbox Layouts
  • 3
    Great community
  • 3
    I like its design
  • 2
    Great extensions
  • 1
    Consistents
  • 1
    CDK
  • 1
    It's the best looking out of the box
  • 1
    Seamless integration with AngularJS but lack of docs
  • 0
    Progressive Web Apps - to learn

Sign up to add or upvote prosMake informed product decisions

Cons of Foundation
Cons of Material Design for Angular
  • 5
    Requires jQuery
  • 4
    Awful site
  • 4
    No practical examples

Sign up to add or upvote consMake informed product decisions

1.2K
967
262
- No public GitHub repository available -

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.

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.

Need advice about which tool to choose?Ask the StackShare community!

What companies use Foundation?
What companies use Material Design for Angular?
Manage your open source components, licenses, and vulnerabilities
Learn More

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Foundation?
What tools integrate with Material Design for Angular?
What are some alternatives to Foundation and Material Design for Angular?
Bootstrap
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Primer
Primer is the basecoat of GitHub, made by nerds just like you who share a passion for HTML and CSS.
JavaScript
JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.
Python
Python is a general purpose programming language created by Guido Van Rossum. Python is most praised for its elegant syntax and readable code, if you are just beginning your programming career python suits you best.
Node.js
Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.
See all alternatives