DEV Community

Cover image for Top Bootstrap Alternatives

Top Bootstrap Alternatives

Arpit on August 22, 2020

These days, the number one requirement of any website is to run correctly on all kinds of devices (especially mobiles). For that end, Bootstrap has...
Collapse
 
jamesncox profile image
James Cox • Edited

For me Mateiral UI and its documentation is my preferred component library!

Collapse
 
johnmunsch profile image
John Munsch

I tried using Material for a project but ended up not loving it because something I consider fairly basic was missing and that was sizes. I didn't see any classes for adjusting the size of buttons, inputs, or other controls. That's something that is fairly basic for Bootstrap but I did not find in Material.

Collapse
 
jamesncox profile image
James Cox

I can definitely see that. Material UI actually gives you several ways you can change a component's style. I do agree it's more complex than Bootstrap. But I think that once you learn how to customize components, it looks better than Boostrap. But that's my opinion of course!

Collapse
 
ma2web profile image
ma2web

Materal ui Buttons has a size property with small, large and medium value

Collapse
 
juanfrank77 profile image
Juan F Gonzalez

Also worth checking out Tachyons.io, it's an Open Source design system that one can custom to fit the needs.

Collapse
 
mranyx profile image
MrAnyx

Actually, Tailwind CSS is a little bit more than just a css framework. After prototyping you website using the classes. But, whene everything is finished, you can compile all you project to reduce the number of classes and create reusable classes and, in other words, reusable components.

You should take a look at this video : youtu.be/D6-g6JgiUIs

Collapse
 
kaos profile image
Kai Oswald

Well, this technically can be done with any CSS, not just tailwind. The class purging is done by PurgeCSS

Collapse
 
nicolasomar profile image
Nicolás Omar González Passerino

An alternative I've using the last months has been Semantic UI, it has a good amount of components with good variations and easy integration with the app.
It is a option to have in mind.

Collapse
 
quasipickle profile image
Dylan Anderson

Unfortunately it looks like development on Semantic has stopped or stalled. There's a somewhat more active community fork here: github.com/fomantic/Fomantic-UI

Collapse
 
nicolasomar profile image
Nicolás Omar González Passerino

Thanks Dylan, i will give it a look. Is kind of sad that the project has been without much news lately, but it still has good material to work with

Collapse
 
peiche profile image
Paul

Add CodyFrame to the list. They have a ton of pre-built components too.

Collapse
 
louislow profile image
Louis Low

Aww... Nostalgic. A very good tool.

Collapse
 
huncyrus profile image
huncyrus

In older time I used skeleton and for react - because how easy to use with - material UI.

[tl;dr]
I would like to add a little extra thinking for it: the overhead and the modularity. Tailwind is populer because you can actually really narrow down the structure and size. Most of the people do not like bootstrap or zurb, but when you just using the small parts, what your project really needs, then they could be pretty small also.
[/tl;dr]

Collapse
 
nickfun profile image
Nick F

I was thinking that PureCSS is not maintained, but looks like they have regrouped and created a 2.0 release this year. Great to see, a few years back I used PureCSS on a small project and it was a great fit. Otherwise, Bootstrap really solves all my needs and I enjoy using it.

Collapse
 
sabbir2609 profile image
sabbir2609 • Edited

I think HalfMoon is best alternative.

Collapse
 
louislow profile image
Louis Low • Edited

Also add Yogurt on the list, please. A very powerful nano crafting tool for frontend development.

Collapse
 
rawdog71 profile image
Rainer Sulzbach

I'm basically a backend developer. But for my frontend tries I'm using UIKit. Seems to fit most of my needs. Here it is UIKit

Collapse
 
felipondio44 profile image
Felix Ramirez

Excellent comparison