Material Design for Bootstrap vs Material-UI

Material Design for Bootstrap
Material Design for Bootstrap

47
76
+ 1
44
Material-UI
Material-UI

505
459
+ 1
155
Add tool

Material Design for Bootstrap vs Material-UI: What are the differences?

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; Material-UI: React components for faster and easier web development. Build your own design system, or start with Material Design. React components for faster and easier web development. Build your own design system, or start with Material Design.

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

"Bootstrap" is the top reason why over 14 developers like Material Design for Bootstrap, while over 51 developers mention "React" as the leading cause for choosing Material-UI.

Material Design for Bootstrap and Material-UI are both open source tools. Material-UI with 48.6K GitHub stars and 11K forks on GitHub appears to be more popular than Material Design for Bootstrap with 19.9K GitHub stars and 3.31K GitHub forks.

According to the StackShare community, Material-UI has a broader approval, being mentioned in 69 company stacks & 80 developers stacks; compared to Material Design for Bootstrap, which is listed in 5 company stacks and 6 developer stacks.

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

React components for faster and easier web development. Build your own design system, or start with Material Design.

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

Why do developers choose Material Design for Bootstrap?
Why do developers choose Material-UI?

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

What are the cons of using Material Design for Bootstrap?
What are the cons of using Material-UI?
    Be the first to leave a con
    What companies use Material Design for Bootstrap?
    What companies use Material-UI?

    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 Material-UI?
      No integrations found

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

      What are some alternatives to Material Design for Bootstrap and Material-UI?
      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 Material-UI
      No stack decisions found
      Interest over time
      Reviews of Material Design for Bootstrap and Material-UI
      No reviews found
      How developers use Material Design for Bootstrap and Material-UI
      Avatar of Cloudcraft
      Cloudcraft uses Material-UIMaterial-UI

      Material UI provides Cloudcraft.co with a clean, professional looking and very easy to use set of UI components build with React. The few issues we've reported to the developers have been quickly fixed each time. I highly recommend using Material UI for both consumer and enterprise web apps. The styling system in particular is very nice to work with, and allows you to easily add your own brand's look and feel throughout the UI.

      Avatar of Kurzor, s.r.o.
      Kurzor, s.r.o. uses Material-UIMaterial-UI

      We like the pure simplicity of Google's Material UI. It is simply too much overhead today to design custom UI styles.

      Avatar of DerEnderKeks
      DerEnderKeks uses Material-UIMaterial-UI

      Martial UI is used by Admin-on-REST, the frontend used by Gofus.

      Avatar of Itbid
      Itbid uses Material Design for BootstrapMaterial Design for Bootstrap

      UX intuitiva pensada para usuarios de Android

      Avatar of Ambar
      Ambar uses Material-UIMaterial-UI

      Ambar UI is based on Material UI components

      Avatar of Sunny Singh
      Sunny Singh uses Material-UIMaterial-UI

      Provides Material-based components.

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