Software Alternatives & Reviews

Materialize CSS VS Bulma

Compare Materialize CSS VS Bulma and see what are their differences


A modern responsive front-end framework based on Material Design

Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.
Materialize CSS Landing Page
Materialize CSS Landing Page
Bulma Landing Page
Bulma Landing Page

Materialize CSS details

Categories
CSS Framework Development Tools CSS Tools
Website materializecss.com  

Bulma details

Categories
CSS Framework Development Tools Designer Tools
Website bulma.io  

Materialize CSS videos

Build A Travel Agency Theme With Materialize CSS 1.0.0

Bulma videos

S.H. Figuarts BULMA Dragon Ball Action Figure Review

More videos:

  • - S.H. Figuarts Dragon Ball Adventure Begins Bulma Review
  • - Bandai SH Figuarts BULMA Review BR / DiegoHDM

Category Popularity

0-100% (relative to Materialize CSS and Bulma)
43
43%
57%
57
44
44%
56%
56
100
100%
0%
0
0
0%
100%
100

Reviews

These are some of the external sources and on-site user reviews we've used to compare Materialize CSS and Bulma

Materialize CSS Reviews

Top 5 Bootstrap Alternatives
There are quite a few JavaScript features and effects that ship with Materialize. Tooltips, Toasts (Android-like ephemeral notifications), Parallex, Pushpin, etc., are some of them. One really amazing effect I liked is FeatureDiscovery, which basically allows you to highlight an element on the page on some event (say, button press) to bring the user’s attention to that...
Source: geekflare.com
CSS Frameworks to use in 2020
Comparative characteristics of Bootstrap, Foundation and Materialize. Source of the image In this environment, there are enough components and classes, but first of all it is aimed at maximizing the performance and speed of loading pages. Materialize uses a 12-column grid format, as the Bootstrap. Benefits
Source: merehead.com
Bootstrap Alternatives 2019: Advanced CSS Frameworks for Developers
Materialize is a fascinating way to incorporate a touch of material designing to your projects. If you are a new developer, you can use this without the hassle of complicated codes. The platform does most of the heavy lifting to provide you with the custom components of a premium design. It also ensures that the animations across your website stays smooth, and helps in...
Top 10 CSS Frameworks For Web Designer 2018
Materialize is based on googles material design. It is very opinionated about UI or UX design elements and it is great for creating material design out of the box. It features the latest trend that is material design and provides flexibility and extensibility with modern looks.
Source: onaircode.com
20 Best Front-End Frameworks For Bootstrap Alternative
Built based on Google’s Material Design principles, Materialize has come as a modern responsive front-end framework. This framework is very suitable for those who want to implement Material Design look and feel into their website without any complexity. It features card design, ripple effect animation, Sass mixin, drag out mobile menu and many more.
Source: beebom.com

Bulma Reviews

Best CSS Frameworks in 2019
Despite its newness, Bulma is a modern framework with layout capabilities developers love. If you value easy-to-create layouts and consistency, consider Bulma for your next project.
CSS Frameworks to use in 2020
Bulma is a relatively new framework on the market compared to most competitors. But in a short time it made a famous name for itself. Attractiveness is based on a rigorous approach based solely on CSS (no Javascript elements, as in Bootstrap) and elegant default configurations.
Source: merehead.com
Bootstrap/Bulma/Tailwind. What should I learn in 2019
Speaking of Bootstrap and Bulma, if I need to update a legacy site with one of the two, I'll actually import Tailwind, activate it's important option, and override anything I might need to using Tailwind classes instead. It is seriously that enjoyable to write rather than sifting through custom CSS files or adhering to arbitrary class names that Bootstrap provides.
Source: www.reddit.com
Bootstrap Alternatives 2019: Advanced CSS Frameworks for Developers
Bulma is a Flexbox based CSS framework which is used by more than a hundred thousand developers. A few years ago when it first came to the market with its full-fledged flexbox grid, it became an instant hit. The platform also features a massive list of components that are helpful for coding a wide range of websites. Bulma deserves a mention in our list, not just for its...
10 Lightweight CSS Frameworks You Should Know About
Bulma is a free and open source modern CSS framework based on the Flexbox layout model. It offers a simple grid system, responsive nav bars and versatile media objects. Every element in Bulma is mobile-first and optimized for small screens, and can be easily customized using modifier classes and variables.

Social recommendations and mentions

Based on our record, Bulma should be more popular than Materialize CSS. It has been mentiond 37 times since March 2021. We are tracking product recommendations and mentions on Reddit, HackerNews and some other platforms. They can help you identify which product is more popular and what people think of it.

Materialize CSS mentions (11)

  • The React roadmap for beginners you never knew you needed.
    Materialize, Material UI, Material Design Lite. - Source: dev.to / 12 days ago
  • The CSS frameworks you should know.
    Materialize CSS Materialize is a CSS framework developed by Google with HTML, CSS and Javascript. It contains a lot of engaging components that can accelerate frontend development and enhance user experience. It is also known as Material Design. - Source: dev.to / 23 days ago
  • Best CSS Frameworks in 2021
    A modern responsive front-end framework based on Material Design. To get started, check this : http://materializecss.com. - Source: dev.to / about 1 month ago
  • FileGhost - Anonymous & Encrypted File Host
    This looks like it was made within seconds with flask and material https://materializecss.com/. Do share the source code for public review? - Source: Reddit / 2 months ago
  • Web App Leading Me To Weird Page After Hitting a Button
    I made a web app that basically sends info you input to a google sheets. It was working fine, until I put in some CSS from materializecss.com. Now, when I hit a button on my web app, it takes me to this site:. - Source: Reddit / 3 months ago
View all

Bulma mentions (37)

  • 📚🏆 Top 20 Web Development Learning Resources: From Beginner to Advanced
    These are great online learning resources that feature HTML and CSS references from the creator of Bulma CSS. - Source: dev.to / 19 days ago
  • The CSS frameworks you should know.
    Bulma CSS Bulma - is a CSS framework based on CSS flexbox. It also has a lot of in-built components that you can use. One distinct feature of Bulma is that it comes in a lightweight weight structure that allows you to only import the components you need. Companies like Django, Rubrik used Bulma CSS. - Source: dev.to / 23 days ago
  • Halfmoon: The forgotten CSS Framework
    We often see people talking about bootstrap, Tailwind CSS or Bulma CSS when it comes to CSS frameworks. Once I wanted to use some css framework for one of my projects, and I tried to find some new ones, and in a blog post I saw the mention of halfmoon css, I just saw it and I was really surprised, like such a beautiful framework and no one talks about, no one uses it, or only few use it, but you rarely hear or... - Source: dev.to / about 1 month ago
  • How to Migrate a Rails 6 App From sass-rails to cssbundling-rails
    Use Tailwind CSS, Bootstrap, Bulma, PostCSS, or Dart Sass to bundle and process your CSS, then deliver it via the asset pipeline in Rails. This gem provides installers to get you going with the bundler of your choice in a new Rails application, and a convention to use app/assets/builds to hold your bundled output as artifacts that are not checked into source control (the installer adds this directory to .gitignore... - Source: dev.to / about 2 months ago
  • Styling frameworks ?
    There are a lot of CSS frameworks. Example: https://bulma.io/. - Source: Reddit / about 2 months ago
View more

What are some alternatives?

When comparing Materialize CSS and Bulma, you can also consider the following products

Bootstrap - Simple and flexible HTML, CSS, and JS for popular UI components and interactions

Foundation - The most advanced responsive front-end framework in the world

Tailwind CSS - A utility-first CSS framework for rapidly building custom user interfaces.

Semantic UI - A UI Component library implemented using a set of specifications designed around natural language

UIKit - A lightweight and modular front-end framework for developing fast and powerful web interfaces

Skeleton CSS - A Beautiful Boilerplate for Responsive, Mobile-Friendly Development

User reviews

Share your experience with using Materialize CSS and Bulma. For example, how are they different and which one is better?

Post a review