DEV Community

Pablo Herrero
Pablo Herrero

Posted on

Alternative to Bootstrap??? 🤔

hey!

As a newbie, when I started in web development I went straight to Bootstrap.

Today I found this post where they say it is outdated.

Tell me, what should I wear? What is trend? Pure CSS? Some other framework?

Thanks, as always.

Oldest comments (40)

Collapse
 
bonfiglioalessio profile image
<A.BONFIGLIO/>

I suggest Tailwind CSS.
There are also Bulma css, foundation, semantic ui, UI kit, materialize css, skeleton, Spectre and other 😂😂🔥

Collapse
 
madza profile image
Madza • Edited

I believe Atomic CSS holds the most future potential 😉
For now its Tailwind, especially when paired with Svelte 🔥🔥

For more, I did an article about styling options 🎨🖌📚

Collapse
 
ahferroin7 profile image
Austin S. Hemmelgarn

It's not ’outdated’ so much as ’old news’ and ’limiting’. Bootstrap is perfectly serviceable, it’s just big, not ‘new’ (and therefore not ‘cool’, lots of developers unfortunately use this as a measure of how good something is instead of simply evaluating it on it’s merits), and imposes some potentially undesirable limitations (though one of the big ones, dependence on JQuery, is planned to be removed in Bootstrap 5, when that eventually comes out...).

Tailwind is one of the better ‘modern’ options right now if you’re looking for building blocks for your own design, it’s reasonably lightweight and very powerful.

For cases where you just need a style ‘reset’ that gives you consistency across browsers for simple sites, I’d recommend Water.css, it’s tiny, looks reasonably nice, and works almost everywhere.

I’ve also heard good things about Bulma, though unlike the others I’ve never touched it myself so I can’t really comment on how good it is.

Collapse
 
louislow profile image
Louis Low

...and Yogurt as well.

Collapse
 
tgotwig profile image
Thomas Gotwig • Edited

Shoelace is more modern I think, because it builds up on Web Components 📦

Collapse
 
llagerlof profile image
Lawrence Lagerlof

Tailwind CSS. It's elegant, easy and powerful. Try the playground.

Collapse
 
ginaldolaranjeiras profile image
Ginaldo Laranjeiras

There is PureCSS and my favorite, Material Design for Web.

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt • Edited

If I had to go most radical, I would say,

  • normalize.css or CSS reset
  • web component library
  • atomic CSS (but I don't like Tailwind in that I have to set up CSS purge)
Collapse
 
jwp profile image
JWP • Edited

My thoughts are that using Html 5 Grid and Scss have become so powerful and easy, that other 3rd party style frameworks are dead.

Not everyone agrees but in just 9 months of using only the Html 5 Grid and Scss, I no longer have a reason for anything else.

It's the same thing with querySelectorAll deprecating JQuery.

The Html 5 Grid has deprecated 3rd party CSS frameworks as well as media queries.

But don't take my word, just dive deep into Scss and Html 5 Grid and prove it to yourself.

Collapse
 
Sloan, the sloth mascot
Comment deleted
Collapse
 
giorgosk profile image
Giorgos Kontopoulos 👀

I believe John Peters above is talking about NOT using bootstrap grid but vanilla CSS Grid

Collapse
 
promikecoder2020 profile image
ProMikeCoder2020

Bro jQuery is not just about querySelectorAll. It has lots of other nice features

Collapse
 
jwp profile image
JWP • Edited

True, but in my current project none of them are needed. Most of what I need is in Angular.

Thread Thread
 
promikecoder2020 profile image
ProMikeCoder2020

Sure... When you use a modern front-end framework you definitely don't not should need something like jQuery

Collapse
 
crimsonmed profile image
Médéric Burlet

scss with flexbox is all you need!

I do have a small kink for bulma though

Some comments may only be visible to logged-in visitors. Sign in to view all comments.