Material Design Lite
Material Design Lite

158
5
114
Pure
Pure

29
0
58
Add tool

Material Design Lite vs Pure: What are the differences?

Developers describe Material Design Lite as "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. On the other hand, Pure is detailed as "A set of small, responsive CSS modules that you can use in every web project". Pure is meant to be a starting point for every website or web app. We take care of all the CSS work that every site needs, without making it look cookie-cutter.

Material Design Lite and Pure 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, Pure provides the following key features:

  • A responsive grid that can be customized to your needs
  • A solid base built on Normalize.css to fix cross-browser compatibility issues
  • Consistently styled buttons that work with and

"Material Design straight from the original creators" is the primary reason why developers consider Material Design Lite over the competitors, whereas "Lightweight" was stated as the key factor in picking Pure.

Material Design Lite and Pure are both open source tools. Material Design Lite with 31.3K GitHub stars and 5.32K forks on GitHub appears to be more popular than Pure with 20.1K GitHub stars and 2.07K GitHub forks.

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

Pure is meant to be a starting point for every website or web app. We take care of all the CSS work that every site needs, without making it look cookie-cutter.

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

Why do developers choose Material Design Lite?
Why do developers choose Pure?
What are the cons of using Material Design Lite?
What are the cons of using Pure?
    Be the first to leave a con
      Be the first to leave a con
      What companies use Material Design Lite?
      What companies use Pure?
      What are some alternatives to Material Design Lite and Pure?
      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 Pure?
        No integrations found
          No integrations found
          Decisions about Material Design Lite and Pure
          No stack decisions found
          Interest over time
          Reviews of Material Design Lite and Pure
          Review ofMaterial Design LiteMaterial Design Lite

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

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

          How developers use Material Design Lite and Pure
          Avatar of Kevin van Guldenaar
          Kevin van Guldenaar uses Material Design LiteMaterial Design Lite

          Just enough design for non-designer types.

          How much does Material Design Lite cost?
          How much does Pure cost?
          Pricing unavailable
          Pricing unavailable
          News about Material Design Lite
          More news
          News about Pure
          More news