Compare NPM Packages

Package	Weekly Downloads	Github Stars	Open Issues	Last Commit	License

bulma	289,581	48,535	429	8 days ago	MIT License
materialize-css	24,767	38,861	795	6 days ago	MIT License

Featuresmaterialize-cssbulma
 
 
 
CSS StyleMaterialize CSS follows Google's Material Design guidelines, providing a visually appealing and modern design language.
Bulma is a lightweight and modern CSS framework that offers a clean and minimalistic design aesthetic.
CustomizationMaterialize CSS can be customized using Sass variables to adapt the framework's design to a project's branding.
Bulma provides customization through Sass variables, allowing developers to adjust the framework's appearance to match their branding.
Component LibraryMaterialize CSS provides a component library following Google's Material Design guidelines, offering components like chips, modals, and tabs.
Bulma offers a minimalistic component library with basic UI components like buttons, forms, and cards.
Learning CurveMaterialize CSS has a moderate learning curve, particularly for those new to Google's Material Design principles, but offers a cohesive design language.
Bulma has a low learning curve with its minimalistic approach to CSS classes and straightforward documentation.
CommunityMaterialize CSS has a dedicated community and offers resources for integrating the framework into various web development stacks.
Bulma has a community that continues to grow, with support for third-party extensions and themes.

Features	materialize-css	bulma

CSS Style	Materialize CSS follows Google's Material Design guidelines, providing a visually appealing and modern design language.	Bulma is a lightweight and modern CSS framework that offers a clean and minimalistic design aesthetic.
Customization	Materialize CSS can be customized using Sass variables to adapt the framework's design to a project's branding.	Bulma provides customization through Sass variables, allowing developers to adjust the framework's appearance to match their branding.
Component Library	Materialize CSS provides a component library following Google's Material Design guidelines, offering components like chips, modals, and tabs.	Bulma offers a minimalistic component library with basic UI components like buttons, forms, and cards.
Learning Curve	Materialize CSS has a moderate learning curve, particularly for those new to Google's Material Design principles, but offers a cohesive design language.	Bulma has a low learning curve with its minimalistic approach to CSS classes and straightforward documentation.
Community	Materialize CSS has a dedicated community and offers resources for integrating the framework into various web development stacks.	Bulma has a community that continues to grow, with support for third-party extensions and themes.

materialize-css

bulma

MaterializeCSS

Materialize, a CSS Framework based on material design.
-- Browse the docs --

Quickstart:

Read the getting started guide for more information on how to use materialize.

Download the latest release of materialize directly from GitHub. (Beta)
Clone the repo: git clone https://github.com/Dogfalo/materialize.git (Beta: git clone -b v1-dev https://github.com/Dogfalo/materialize.git)
Include the files via cdnjs. More here. (Beta)
Install with npm: npm install materialize-css (Beta: npm install materialize-css@next)
Install with Bower: bower install materialize (DEPRECATED)
Install with Atmosphere: meteor add materialize:materialize (Beta: meteor add materialize:materialize@=1.0.0-beta)

Documentation

The documentation can be found at http://materializecss.com. To run the documentation locally on your machine, you need Node.js installed on your computer.

Running documentation locally

Run these commands to set up the documentation:

git clone https://github.com/Dogfalo/materialize
cd materialize
npm install

Then run grunt monitor to compile the documentation. When it finishes, open a new browser window and navigate to localhost:8000. We use BrowserSync to display the documentation.

Documentation for previous releases

Previous releases and their documentation are available for download.

Supported Browsers:

Materialize is compatible with:

Chrome 35+
Firefox 31+
Safari 9+
Opera
Edge
IE 11+

Changelog

For changelogs, check out the Releases section of materialize or the CHANGELOG.md.

Testing

We use Jasmine as our testing framework and we're trying to write a robust test suite for our components. If you want to help, here's a starting guide on how to write tests in Jasmine.

Contributing

Check out the CONTRIBUTING document in the root of the repository to learn how you can contribute. You can also browse the help-wanted tag in our issue tracker to find things to do.