Bootstrap vs Material Design: What are the differences?
Bootstrap: Simple and flexible HTML, CSS, and JS for popular UI components and interactions. Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web; Material Design: Google's Material Design. Material Design is a unified system that combines theory, resources, and tools for crafting digital experiences.
Bootstrap and Material Design can be primarily classified as "Front-End Frameworks" tools.
"Responsiveness" is the top reason why over 1544 developers like Bootstrap, while over 2 developers mention "They really set a new bar in design" as the leading cause for choosing Material Design.
Bootstrap is an open source tool with 134K GitHub stars and 66K GitHub forks. Here's a link to Bootstrap's open source repository on GitHub.
According to the StackShare community, Bootstrap has a broader approval, being mentioned in 7046 company stacks & 1115 developers stacks; compared to Material Design, which is listed in 25 company stacks and 38 developer stacks.
I do prefer to write things from scratch however when it came to wanting to jump-start the frontend, I found that it was taking me a lot longer hence why needing to use something very fast.
Bootstrap was the boom when it came out, I didn't like it, to be honest, set in its way and a pain to over-ride and in addition, you can tell from a distance if you're using boostrap and as everything looks the same.
I came across Tailwind CSS as I wanted more dynamic features, you could say, I've been now doing it for a few days and I love it a lot. I've been practising with the full stack part installed but I an't we wait until I do a new project, and I'll e able to select exactly what I want. Much faster.
I find the Tailwind provides a lot for flexibility in how we approach design for Mojinxo, while still giving me the benefits of a defined framework and centralised configuration. With tailwind we can create something that is very much Mojinxo and not just a carbon copy of every other site using Tailwind, which is what I find tends to be the case with Bootstrap and Bulma.
There is a tradeoff in familairity for users, especially with Bootstrap where users just 'know' how a site will work based on the card display, the common navigation look and feel and the slide-out burger menus.
The icing on the cake is definitely size. Tailwind is just so small, effective and easy to pick up.
Fonts and typography are fun. Material Design is a framework (developed by Google) that basically geeks out on how to assemble your typographical elements together into a design language. If you're into fonts and typography, it's fantastic. It provides a theming engine, reusable components, and can pull different user interfaces together under a common design paradigm. I'd highly recommend looking into Borries Schwesinger's book "The Form Book" if you're going to be working with Material UI or are otherwise new to component design.
Sign up to add or upvote prosMake informed product decisions
Sign up to add or upvote consMake informed product decisions
What is Bootstrap?
What is Material Design?
Need advice about which tool to choose?Ask the StackShare community!
Sign up to get full access to all the companiesMake informed product decisions
Sign up to get full access to all the tool integrationsMake informed product decisions