Why make a Bootstrapy Website if there’s TailwindCss!

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 pre-designed UI components like car…


This content originally appeared on DEV Community and was authored by jobpick.in

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 pre-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 pre-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.

frameworks

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.

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.

So that was it from this article?.Hope you find this article helpful. Please share your thoughts/comments/feedback either in comment section or you can DM us at twiter , jobpick.in


This content originally appeared on DEV Community and was authored by jobpick.in


Print Share Comment Cite Upload Translate Updates
APA

jobpick.in | Sciencx (2021-08-04T06:10:25+00:00) Why make a Bootstrapy Website if there’s TailwindCss!. Retrieved from https://www.scien.cx/2021/08/04/why-make-a-bootstrapy-website-if-theres-tailwindcss/

MLA
" » Why make a Bootstrapy Website if there’s TailwindCss!." jobpick.in | Sciencx - Wednesday August 4, 2021, https://www.scien.cx/2021/08/04/why-make-a-bootstrapy-website-if-theres-tailwindcss/
HARVARD
jobpick.in | Sciencx Wednesday August 4, 2021 » Why make a Bootstrapy Website if there’s TailwindCss!., viewed ,<https://www.scien.cx/2021/08/04/why-make-a-bootstrapy-website-if-theres-tailwindcss/>
VANCOUVER
jobpick.in | Sciencx - » Why make a Bootstrapy Website if there’s TailwindCss!. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/08/04/why-make-a-bootstrapy-website-if-theres-tailwindcss/
CHICAGO
" » Why make a Bootstrapy Website if there’s TailwindCss!." jobpick.in | Sciencx - Accessed . https://www.scien.cx/2021/08/04/why-make-a-bootstrapy-website-if-theres-tailwindcss/
IEEE
" » Why make a Bootstrapy Website if there’s TailwindCss!." jobpick.in | Sciencx [Online]. Available: https://www.scien.cx/2021/08/04/why-make-a-bootstrapy-website-if-theres-tailwindcss/. [Accessed: ]
rf:citation
» Why make a Bootstrapy Website if there’s TailwindCss! | jobpick.in | Sciencx | https://www.scien.cx/2021/08/04/why-make-a-bootstrapy-website-if-theres-tailwindcss/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.