What is Tailwind CSS?

Let's talk about some frontend stuff. In frontend, tailwind css is one of the most popular front end CSS framework to make developer fast and easy. Tailwind CSS is utility first framework that is being used to make modern website faster.

Why use Tailwind CSS?

Tailwind CSS provide flexibility to write CSS in class but it is different from bootstrap as bootstrap have predefined class and limited to classes. However, Tailwind CSS provide the customization to write class according to one comfortability.

Tailwind CSS vs. Bootstrap

Bootstrap is a CSS framework which provides the responsiveness, mobile first development. If we have to apply bootstrap on the frontend we have to css predefined bootstrap classes such as flex, grid, row, col, primary and much more classes. These classes provide grid, flex , color and typography features to the display. In bootstrap, We have to keep the extra file of of bootstrap css which is predefined.

On the other hand, Tailwind CSS provide the predefined classes but these predefined classes can be customised according to one's comfort. It has most customizable classes it provide the mobile first and responsiveness design in css. Initially it is written classes in html than it compiled to classes and we do not have to care about extra predefined classes in Tailwind CSS.