Materialize
Materialize

452
482
523
Pure
Pure

29
31
58
Add tool

Materialize vs Pure: What are the differences?

What is Materialize? A modern responsive front-end framework based on Material Design. A CSS Framework based on material design.

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

Materialize and Pure belong to "Front-End Frameworks" category of the tech stack.

Some of the features offered by Materialize are:

  • Speeds up development
  • User Experience Focused
  • Easy to work with

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

"Google material design" is the top reason why over 94 developers like Materialize, while over 12 developers mention "Lightweight" as the leading cause for choosing Pure.

Materialize and Pure are both open source tools. It seems that Materialize with 36.1K GitHub stars and 4.8K forks on GitHub has more adoption than Pure with 20.1K GitHub stars and 2.07K GitHub forks.

What is Materialize?

A CSS Framework based on material design.

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 Materialize?
Why do developers choose Pure?

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

What are the cons of using Materialize?
What are the cons of using Pure?
    Be the first to leave a con
    What companies use Materialize?
    What companies use Pure?

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

    What tools integrate with Materialize?
    What tools integrate with Pure?
      No integrations found
        No integrations found
        What are some alternatives to Materialize and Pure?
        Bootstrap
        Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
        Material Design
        Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
        Material
        Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift.
        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.
        See all alternatives
        Decisions about Materialize and Pure
        No stack decisions found
        Interest over time
        Reviews of Materialize and Pure
        Review ofMaterializeMaterialize

        I've been using materialize and I'm really happy with it, in some months I'm sure it will become one of the best front-end frameworks around the internet, because it's easy and fast to use and to get started with it.

        It also got a nice community of developers that help developing it and finding bugs, as well a translation team, looking to get materialize into the major countries.

        My final review is that is one of the best front-end frameworks I've ever found and get used really fast and it's one of the most comfortable frameworks to use as well.

        Avatar of grigb
        Owner at Lumeneo
        Review ofMaterializeMaterialize

        As I've been applying Materialize, I've discovered some limitations.

        For example, the tabs require ids for the content divs. This makes is difficult to create content dynamically.

        The documentation is not accurate.

        To use materializecss, you will need to review the source code often.

        Avatar of grigb
        Owner at Lumeneo
        Review ofMaterializeMaterialize

        As I've been applying Materialize, I've discovered some limitations.

        The Glitter page: https://gitter.im/Dogfalo/materialize provided excellent support though. Kudos!

        Review ofMaterializeMaterialize

        It is very easy to use. Very good community and documentation :P. Keep up the good work.

        How developers use Materialize and Pure
        Avatar of Kim Do Hyeon
        Kim Do Hyeon uses MaterializeMaterialize

        부트스트랩은 너무 흔해서 적당히 흔하고 좋은거 찾다가 발견

        How much does Materialize cost?
        How much does Pure cost?
        Pricing unavailable
        Pricing unavailable
        News about Materialize
        More news
        News about Pure
        More news