Material Design Lite
Material Design Lite

158
5
114
Semantic UI
Semantic UI

572
20
576
Add tool

Material Design Lite vs Semantic UI: What are the differences?

What is Material Design Lite? Material Design Lite Components in HTML/CSS/JS. 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? A UI Component library implemented using a set of specifications designed around natural language. Semantic empowers designers and developers by creating a shared vocabulary for UI.

Material Design Lite and Semantic UI can be primarily classified as "Front-End Frameworks" tools.

Some of the features offered by Material Design Lite are:

  • Blog Template
  • Dashboard Template
  • Text Heavy Webpage Template

On the other hand, Semantic UI provides the following key features:

  • Build Responsive Layouts Easier
  • Self Explanatory
  • Tag ambivalent

"Material Design straight from the original creators" is the top reason why over 23 developers like Material Design Lite, while over 134 developers mention "Easy to use and looks elegant" as the leading cause for choosing Semantic UI.

Material Design Lite and Semantic UI are both open source tools. Semantic UI with 45.9K GitHub stars and 4.84K forks on GitHub appears to be more popular than Material Design Lite with 31.3K GitHub stars and 5.32K GitHub forks.

Snapchat, Create.It, and Reviewable are some of the popular companies that use Semantic UI, whereas Material Design Lite is used by Google, Troopers, and Boxme. Semantic UI has a broader approval, being mentioned in 77 company stacks & 55 developers stacks; compared to Material Design Lite, which is listed in 9 company stacks and 26 developer stacks.

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.

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

Why do developers choose Material Design Lite?
Why do developers choose Semantic UI?
What are the cons of using Material Design Lite?
What are the cons of using Semantic UI?
    Be the first to leave a con
      Be the first to leave a con
      What companies use Material Design Lite?
      What companies use Semantic UI?
      What are some alternatives to 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.
      Material-UI
      React components for faster and easier web development. Build your own design system, or start with Material Design.
      Material Design
      Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
      Materialize
      A CSS Framework based on material design.
      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.
      See all alternatives
      What tools integrate with Material Design Lite?
      What tools integrate with Semantic UI?
        No integrations found
        Decisions about Material Design Lite and Semantic UI
        No stack decisions found
        Interest over time
        Reviews of Material Design Lite and Semantic UI
        Review ofMaterial Design LiteMaterial Design Lite

        많은 버그가 존재하는데, 각각의 css 정의가 서로 연결되어서 수정이 쉽지 않다.

        발견된 이슈조차 업데이트 하지 않으며, 사용자가 직접 수정해서 사용해야한다.

        How developers use Material Design Lite and Semantic UI
        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 Giftstarter
        Giftstarter uses Semantic UISemantic UI

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

        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 Material Design Lite cost?
        How much does Semantic UI cost?
        Pricing unavailable
        Pricing unavailable
        News about Material Design Lite
        More news
        News about Semantic UI
        More news