Foundation vs. Material Design Lite

  • -
  • 1.19K
  • 740
  • -
  • 195
  • 618

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 Lite?

Material Design Lite (MDL) lets you add a Material Design look and feel to your static content websites. It doesn't rely on any JavaScript frameworks or libraries. Optimized for cross-device use, gracefully degrades in older browsers, and offers an experience that is accessible from the get-go.
Why do developers choose Foundation?
Why do you like Foundation?

Why do developers choose Material Design Lite?
Why do you like Material Design Lite?

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

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

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

What companies use Foundation?
751 companies on StackShare use Foundation
What companies use Material Design Lite?
14 companies on StackShare use Material Design Lite
What tools integrate with Foundation?
4 tools on StackShare integrate with Foundation
No integrations listed yet

What are some alternatives to Foundation and Material Design Lite?

  • Bootstrap - Simple and flexible HTML, CSS, and JS for popular UI components and interactions
  • Material Design for Angular - Material Design for AngularJS Apps
  • Semantic UI - A UI Component library implemented using a set of specifications designed around natural language
  • Material-UI - React components for faster and easier web development. Build your own design system, or start with Material Design.

See all alternatives to Foundation

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


Interest Over Time