Material Design for Bootstrap vs. Topcoat vs. Mozilla Brick

Get help choosing one of these Get news updates about these tools

Material Design for Bootstrap


Mozilla Brick







Hacker News, Reddit, Stack Overflow Stats

  • 763
  • 546
  • 0
  • 439
  • 213
  • 15
  • -
  • 53
  • 2

GitHub Stats


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

TopCoat is made up of base controls, platform specific styles, themes and a build script to stitch them all together.

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.

Pros about this tool

Why do you like Material Design for Bootstrap?

Why do you like Topcoat?

Why do you like Mozilla Brick?

Cons about this tool


Material Design for Bootstrap Pricing Mozilla Brick Pricing


Interest Over Time

Get help choosing one of these