CodeNewbie Community

Justice
Justice

Posted on

Why make a Bootstrap Website if there's Tailwind CSS?

How Tailwind Is Different From Other Frameworks?

Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it's not a UI kit.
Most UI frameworks like Bootstrap, Material UI, Bulma etc. have per-designed UI components like cards, buttons, navbars, alerts. You use those components and create designs on top of those components.

But in Tailwind CSS, you don't get a per-designed set of components. You get utility-classes. You can combine those to create your layout and components.
Because Tailwind is so low-level, it never encourages you to design the same site twice. Even with the same color palette and sizing scale, it's easy to build the same component with a completely different look in the next project.

It doesn't have a default theme, and there are no built-in UI components.
On the flip side, it also has no opinion about how your site should look and doesn't impose design decisions that you have to fight to undo.

If you're looking for a framework that comes with a menu of predesigned widgets to build your site with, Tailwind might not be the right framework for you.

But if you want a huge head start implementing a custom design with its own identity, Tailwind might be just what you're looking for.

Utility-first

Creating a framework for building custom UIs means you can't provide abstractions at the usual level of buttons, forms, cards, navbars, etc.

Instead, Tailwind provides highly composable, low-level utility classes that make it easy to build complex user interfaces without encouraging any two sites to look the same.

Responsive
If you use Tailwind CSS, you don't need to write custom styles for handling responsiveness for different screen sizes. You can use Tailwind's responsive utilities to handle it easily.

Frameworks like Bootstrap have one major disadvantage. Due to increased growth and usage, they became too big and offer less control over their styles. Learning frameworks like Bootstrap has become increasingly challenging because developers have to learn hundreds of classes.

Check: How Coders Make Money On The Dark Web Easily<<

Tailwind and bootstrap both have their place in the development landscape, but you’re better off to learn raw CSS as a fundamental skill first, then try and use both of the frameworks and make your decisions in a position of understanding.

Most people think it’s because of the salary difference. Well, Tailwind and bootstrap devs salary difference is just like comparing JavaScript and python developers salary

So that was it from this article😇. Hope you find this article helpful. Please share your thoughts/comments/feedback either in comment section.

Discussion (1)

Collapse
alvaro_montoro profile image
Álvaro Montoro

The article is interesting, but it would be good if you could cite the sources. Searching for some of the sentences on this article will yield results on different sites.