CSS vs Bootstrap vs Tailwind CSS

There are 3 ways to style your web application

1. CSS — Vanilla CSS
2. Component Frameworks— Bootstrap or others
3. Utility Framework — Tailwind

So before going deep-dive about which approach might be good or you should approach, I want to discuss Component Frameworks and Utility Frameworks as these are buzz words.

Component UI Frameworks these frameworks provide full styling for the whole component by applying minimal class or you can say, styling is provided component-wise.

ex- if you have to create a button component in Bootstrap then you can use it like

Utility UI Frameworks these frameworks do not provide full styling for the whole component but these kinds of the framework will provide utility classes, using those classes you have to create the component.

ex- if you have to create a button component in Tailwind then you can use it like

Advantages of using Vanilla CSS

1. Full Control
2. No unnecessary code

Disadvantages of using Vanilla CSS

1. The danger of bad code
2. Require much time

Advantages of using Component Frameworks

1. Rapid Development
2. No danger of bad code

Disadvantages of using Component Frameworks

1. Very Less Control
2. Unnecessary code

Advantages of using Utility Frameworks

1. Faster Development
2. No danger of bad code

Disadvantages of using Utility Frameworks

1. Little Control
2. Unnecessary code

The decision will be yours, which approach you want to follow as per project requirements.

👏👏 Happy Coding and learning…