Foundationย vsย Material Design Liteย vsย Semantic UI

Get Advice Icon

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

Foundation
Foundation

1.2K
592
+ 1
731
Material Design Lite
Material Design Lite

619
238
+ 1
114
Semantic UI
Semantic UI

641
668
+ 1
599

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 Semantic UI?

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

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

Why do developers choose Foundation?
Why do developers choose Material Design Lite?
Why do developers choose Semantic UI?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con
      Be the first to leave a con
      What companies use Foundation?
      What companies use Material Design Lite?
      What companies use Semantic UI?

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

      What tools integrate with Foundation?
      What tools integrate with Material Design Lite?
      What tools integrate with Semantic UI?
        No integrations found

        Sign up to get full access to all the tool integrationsMake informed product decisions

        What are some alternatives to Foundation, Material Design Lite, and Semantic UI?
        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.
        Animate.css
        It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
        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.
        UIkIt
        UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable.
        See all alternatives
        Decisions about Foundation, Material Design Lite, and Semantic UI
        No stack decisions found
        Interest over time
        Reviews of Foundation, Material Design Lite, and Semantic UI
        Review ofMaterial Design LiteMaterial Design Lite

        ๋งŽ์€ ๋ฒ„๊ทธ๊ฐ€ ์กด์žฌํ•˜๋Š”๋ฐ, ๊ฐ๊ฐ์˜ css ์ •์˜๊ฐ€ ์„œ๋กœ ์—ฐ๊ฒฐ๋˜์–ด์„œ ์ˆ˜์ •์ด ์‰ฝ์ง€ ์•Š๋‹ค.

        ๋ฐœ๊ฒฌ๋œ ์ด์Šˆ์กฐ์ฐจ ์—…๋ฐ์ดํŠธ ํ•˜์ง€ ์•Š์œผ๋ฉฐ, ์‚ฌ์šฉ์ž๊ฐ€ ์ง์ ‘ ์ˆ˜์ •ํ•ด์„œ ์‚ฌ์šฉํ•ด์•ผํ•œ๋‹ค.

        How developers use Foundation, Material Design Lite, and Semantic UI
        Avatar of Markus Gebka
        Markus Gebka uses FoundationFoundation

        I use it for a lot of professional work where I might need more than just a responsive grid. Has a great set of mixins and components and also some nice JS-modules. I love that its so style-agnostic. Really easy to add custom styling.

        Avatar of Kent Steiner
        Kent Steiner uses FoundationFoundation

        Foundation has been my choice for years over Bootstrap and other similar CSS frameworks due to the naming conventions, well-designed built-in components, and it plays well with React when I'm not using ElementalUI instead.

        Avatar of osu! Ripple
        osu! Ripple uses Semantic UISemantic UI

        We use Semantic UI for our frotend. A heavily customised version of it, but still Semantic UI under the hood.

        Avatar of Ralic Lo
        Ralic Lo uses Semantic UISemantic UI

        Used Semantic UI + Angular2 together with Spring or Node/Express for full stack web application development.

        Avatar of glfead
        glfead uses FoundationFoundation

        I use foundation only for the grid, i create my own other components

        Avatar of Giftstarter
        Giftstarter uses Semantic UISemantic UI

        We haven't yet, but we would like to integrate into our Web App.

        Avatar of wooki
        wooki uses FoundationFoundation

        Great starting point for prototypes and sometimes full sites.

        Avatar of micro systems
        micro systems uses FoundationFoundation

        Foundation makes our web based applications responsive.

        Avatar of Kevin van Guldenaar
        Kevin van Guldenaar uses Material Design LiteMaterial Design Lite

        Just enough design for non-designer types.

        Avatar of Eliana Abraham
        Eliana Abraham uses Semantic UISemantic UI

        It's pretty. Used it once for MDST.

        Avatar of Wellzesta
        Wellzesta uses Semantic UISemantic UI

        Grid, widgets, theming.

        How much does Foundation cost?
        How much does Material Design Lite cost?
        How much does Semantic UI cost?
        Pricing unavailable
        Pricing unavailable
        Pricing unavailable
        News about Material Design Lite
        More news
        News about Semantic UI
        More news