Bootstrap vs Sass | What are the differences? (2024)

Actually it really depends on your needs, there are 3 types of UI frameworks you can use:

1. A complete set of UI components like: https://react-bulma.dev/en/getting-started.

   Pros:

   Having a lot of pre-built UI components saves a lot of time

   See Also

   Tailwind CSS vs. Bootstrap: Which is better?How to Learn Bootstrap: 10 Tips For Learning How to Use BootstrapWhat is bootstrapping? Pros and cons of self-financingYour Guide to The Top 15 Backend Languages For 2023 - ISHIR- Software Development Company

   Cons:

   need to learn the react framework and the bulma styles, and it's harder to customize to your needs

2. A pure css framework, like Bulma, where you write all the components yourself.

   Pros:

   A lot of flexibility to build the components you need

   See Also

   Bootstrap - Market Share, Competitor Insights in Programming Framework

   Cons:

   You are bound to Bulma classes and markup.

   Takes more time since you need to build the components

3. A utility class framework like: https://tailwindcss.com/.

Pros:

Most flexible, mix and match classes as you like and build your own markup

Very easy to customize to your needs

Cons:

Might take time to get used to and takes more time since you need to build the components

If you choose options one, then it's just a matter of deciding what style you like (material,ant, bulma) and go with the library that implements itIf you go with pure css and build your own components, I can't recommend tailwind enough, I've been finding myself building entire pages without writing a single line of css.

And if later on, the designer wants to make a change to some color, or size, I just need to change one value in the config file, and the entire app is updated.