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

Material Design for Bootstrap

80
206
+ 1
46
SUIT CSS

12
26
+ 1
0
Add tool

Material Design for Bootstrap vs SUIT CSS: 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 SUIT CSS? Style tools for UI components. Plays well with React, Ember, Angular. SUIT CSS provides a reliable and testable styling solution for component-based web application development.

Material Design for Bootstrap and SUIT CSS can be categorized 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, SUIT CSS provides the following key features:

  • CSS base styles for web apps.
  • CSS utilities.
  • CSS components.

Material Design for Bootstrap and SUIT CSS 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 SUIT CSS with 3.62K GitHub stars and 216 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 SUIT CSS
  • 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
    Be the first to leave a pro

    Sign up to add or upvote prosMake informed product decisions

    Cons of Material Design for Bootstrap
    Cons of SUIT CSS
    • 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 SUIT CSS?

      SUIT CSS provides a reliable and testable styling solution for component-based web application development.

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

      What companies use Material Design for Bootstrap?
      What companies use SUIT CSS?
      See which teams inside your own company are using Material Design for Bootstrap or SUIT CSS.
      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 SUIT CSS?
      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.
      JavaScript
      JavaScript is most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic,and supports object-oriented, imperative, and functional programming styles.
      Git
      Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency.
      See all alternatives