DEV Community

Which CSS Framework should I use ?

Spandan Sehgal on July 02, 2022

Hey everyone I am in a confusion that what css framework shall I use for my projects Bootstrap or Tailwind? Comment down advantages and di...

Read full post

Wj • Jul 2 '22

Well, to be brutally honest here,

I feel that you should only use CSS frameworks to build websites in a short period of time (like a code jam or if your boss gives you a project). Using pure CSS without a framework can let you build websites tailored to the client or yourself, which is great.

But if you really want me to decide

I feel that choose whatever you want. They are equally good. Use both in fact. Like what @natescode said, each have their own features, pros and cons. Although I had never tried out Tailwind, they seem good to me. So do it, get out there and write some CSS! Maybe you can show me websites you made with these 2 frameworks!

Spandan Sehgal • Jul 2 '22

Ok I'll try using both of them.
Thanks for interacting.

Manav Misra • Jul 6 '22

Tailwind 💯. For one thing, when you learn Tailwind, you are still learning CSS (although, it's advisable to maybe do some vanilla CSS first).

When you are learning Bootstrap, you are really just learning Bootstrap magic classes that do a lot for you, but aren't really transferable.

The difference is that Tailwind is a utility library. You are still writing CSS using their classes (and various customizations, if desired), but those each translate to just 1-2 CSS rules at a time. U are just saving the time and trouble of having to jump into a separate CSS file and adding selectors,{}, etc.

Bootstrap is a full blown framework.

Spandan Sehgal • Jul 7 '22

Ok, thanks for sharing I didn't knew that 🙂

Vladimír Macháček • Jul 3 '22

Try stylifycss.com ❤️.
It's a library that uses pure CSS selectors to generate optimized CSS. You don't have to study anything.
Just write selectors, get CSS and define components, variables and etc if you need to.

Spandan Sehgal • Jul 4 '22

Ok I'll try

汤 • Jul 2 '22

Tailwindcss is very nice, Bootstrap I use its grid system and some interactive components like collapse. So HTML will be.

<div class="row -mx-8 md:-mx-4">
  <div class="col-3 col-lg-6 col-md-12 px-8 mt-12 md:px-4 lg:mt-8">
    <a class="item block">
  </div>
</div>

Also I converted mobile first to PC first

Spandan Sehgal • Jul 2 '22

Ok, thanks for your time

Spandan Sehgal • Jul 2 '22

Hey everyone, I'm seeing that this post is getting more and more views faster than any other and thanks for that, but I want your thoughts on Bootstrap Vs Tailwind kindly comment your thought here.

Thanks.

InvalidLenni • Jul 2 '22

I'm using picocss and I'm fine with that. Maybe you can try picocss.com/

Spandan Sehgal • Jul 2 '22

Ok thanks for the suggestion, I'll surely try it out.

Wj • Jul 3 '22

Yeah, they have to deign things fast!

Spandan Sehgal • Jul 2 '22

Ok thanks for you time

Spandan Sehgal • Jul 2 '22

Thanks for sharing.

Spandan Sehgal • Jul 2 '22

Hi Nathan Hedglin, I want to know the pros and cons of using Tailwind And Bootstrap eg are they customizable,? which one is seo friendly ?, which one is lighter? etc etc.