Material Design for Bootstrap vs Mozilla Brick

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

Material Design for Bootstrap

80
206
+ 1
46
Mozilla Brick

3
12
+ 1
1
Add tool

Material Design for Bootstrap vs Mozilla Brick: 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; Mozilla Brick: UI Components for Modern Web Apps. Brick is a collection of UI components designed for the easy and quick building of web application UIs. Brick components are built using the Web Components standard to allow developers to describe the UI of their app using the HTML syntax they already know.

Material Design for Bootstrap and Mozilla Brick belong to "Front-End Frameworks" category of the tech stack.

Material Design for Bootstrap and Mozilla Brick are both open source tools. It seems that Material Design for Bootstrap with 19.9K GitHub stars and 3.31K forks on GitHub has more adoption than Mozilla Brick with 3.05K GitHub stars and 229 GitHub forks.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Material Design for Bootstrap
Pros of Mozilla Brick
  • 16
    Bootstrap
  • 6
    Light weight
  • 6
    Awesome and simple to use
  • 4
    Modern Looks
  • 4
    Google Material Design
  • 4
    Responsive
  • 3
    Open Source
  • 3
    Great angular compatibility
  • 1
    Inovative

Sign up to add or upvote prosMake informed product decisions

Cons of Material Design for Bootstrap
Cons of Mozilla Brick
  • 2
    Not free for premo stuff
    Be the first to leave a con

    Sign up to add or upvote consMake informed product decisions

    What is Material Design for Bootstrap?

    It is an open source toolkit based on Bootstrap for developing Material Design apps with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

    What is Mozilla Brick?

    Brick is a collection of UI components designed for the easy and quick building of web application UIs. Brick components are built using the Web Components standard to allow developers to describe the UI of their app using the HTML syntax they already know.

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

    What companies use Material Design for Bootstrap?
    What companies use Mozilla Brick?
      No companies found
      See which teams inside your own company are using Material Design for Bootstrap or Mozilla Brick.
      Sign up for StackShare EnterpriseLearn More

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

      What are some alternatives to Material Design for Bootstrap and Mozilla Brick?
      Bootstrap
      Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
      Material-UI
      Material UI is a library of React UI components that implements Google's Material Design.
      Material Design
      Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
      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.
      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.
      See all alternatives