Get Advice Icon

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

Material Design for Bootstrap
Material Design for Bootstrap

53
81
+ 1
44
Pure
Pure

28
30
+ 1
58
Add tool

Material Design for Bootstrap vs Pure: What are the differences?

What is Material Design for Bootstrap? 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.

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.

Material Design for Bootstrap and Pure can be primarily classified as "Front-End Frameworks" tools.

Some of the features offered by Material Design for Bootstrap are:

  • Input fields (text, numeric, email, etc)
  • Textarea
  • Buttons (ripple effect working)

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

"Bootstrap" is the primary reason why developers consider Material Design for Bootstrap over the competitors, whereas "Lightweight" was stated as the key factor in picking Pure.

Material Design for Bootstrap and Pure are both open source tools. Pure with 20.1K GitHub stars and 2.07K forks on GitHub appears to be more popular than Material Design for Bootstrap with 19.9K GitHub stars and 3.31K GitHub forks.

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.

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.
Get Advice Icon

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

Why do developers choose Material Design for Bootstrap?
Why do developers choose Pure?

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 Material Design for Bootstrap?
      What companies use Pure?

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

      What tools integrate with Material Design for Bootstrap?
      What tools integrate with Pure?
        No integrations found
          No integrations found
          What are some alternatives to Material Design for Bootstrap and Pure?
          Bootstrap
          Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
          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.
          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.
          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 Material Design for Bootstrap and Pure
          No stack decisions found
          Interest over time
          Reviews of Material Design for Bootstrap and Pure
          No reviews found
          How developers use Material Design for Bootstrap and Pure
          Avatar of Itbid
          Itbid uses Material Design for BootstrapMaterial Design for Bootstrap

          UX intuitiva pensada para usuarios de Android

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