Foundation vs. Material Design Lite vs. Material Design for Bootstrap

Get help choosing one of these Get news updates about these tools


Foundation

Material Design Lite

Material Design for Bootstrap

Favorites

86

Favorites

40

Favorites

22

Hacker News, Reddit, Stack Overflow Stats

  • -
  • 1.19K
  • 695
  • -
  • 198
  • 615
  • 763
  • 546
  • 0

GitHub Stats

Description

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.

What is 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.

Pros about this tool

Pros
Why do you like Foundation?

Pros
Why do you like Material Design Lite?

Pros
Why do you like Material Design for Bootstrap?

Pricing

Companies

661 Companies Using Foundation
9 Companies Using Material Design Lite
4 Companies Using Material Design for Bootstrap

Integrations

Foundation Integrations
No integrations listed yet
No integrations listed yet

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

  • 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
  • Materialize - A modern responsive front-end framework based on Material Design

See all alternatives to Foundation

Latest News

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


Interest Over Time


Get help choosing one of these