Foundation vs. Semantic UI vs. Material Design for Bootstrap

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


Favorites

86

Favorites

131

Favorites

22

Hacker News, Reddit, Stack Overflow Stats

  • -
  • 1.19K
  • 702
  • 1.46K
  • 887
  • 2.04K
  • 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 Semantic UI?

Semantic empowers designers and developers by creating a shared vocabulary for UI.

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.

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

Ask a Question

Pros

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

    Why do developers choose Semantic UI?
  • Why do you like Semantic UI?

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

    Cons

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

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

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

    Pricing

    How much does Foundation cost?
    How much does Semantic UI cost?
    How much does Material Design for Bootstrap cost?

    Companies

    What companies use Foundation?
    658 companies on StackShare use Foundation
    What companies use Semantic UI?
    73 companies on StackShare use Semantic UI
    What companies use Material Design for Bootstrap?
    4 companies on StackShare use Material Design for Bootstrap

    Integrations

    What tools integrate with Foundation?
    4 tools on StackShare integrate with Foundation
    What tools integrate with Semantic UI?
    5 tools on StackShare integrate with Semantic UI
    No integrations listed yet

    What are some alternatives to Foundation, Semantic UI, 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
    • 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

    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