Material Design for Bootstrap vs new.css

Material Design for Bootstrap vs new.css: What are the differences?

Developers describe Material Design for Bootstrap as "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. On the other hand, new.css is detailed as "A classless CSS framework to write modern websites". It is a classless CSS framework to write modern websites using only HTML. It automatically applies a light/dark theme based on your browser's preference. It supports custom color themes and fonts using CSS variables.

Material Design for Bootstrap and new.css 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, new.css provides the following key features:

• ~4.5kb in size
• Automatically applies a light/dark
• Supports custom color themes and fonts using CSS variables

Material Design for Bootstrap is an open source tool with 20.1K GitHub stars and 3.28K GitHub forks. Here's a link to Material Design for Bootstrap's open source repository on GitHub.