DEV Community

Cover image for Why You should use Tailwind Now?
Ahmed Mohamed
Ahmed Mohamed

Posted on

Why You should use Tailwind Now?

Introduction

Until the last 4 projects, I was using the Bootstrap framework then I started with reactstrap and react-bootstrap and I was Satisfied with them, But Recently I started with Tailwind CSS and I realized that it is an Amazing CSS Framework, So in This Article, We Will take about Some advantages of Tailwind CSS.
So let's Get Started...👉​


Why Should You use Tailwind instead of Bootstrap?

  1. Write Less, Do More
    One of the Measure problems that I was Facing when I am using Bootstrap was that I should write more and more CSS code to overite Bootstrap Properties and this is a causes performance problems in your website but with tailwind It's different, Now in some projects, I do not use any external CSS code.
    Flex Handling in Tailwind

  2. More Performance
    Tailwind uses the PurgeCSS tool to remove unused CSS code and if you do not know that is a fantastic feature because performance is the most thing that you should care about in your website, On the other hand, bootstrap does not have this feature.

  3. Support the Dark and Light theme
    Another amazing Feature of tailwind that I loved so much is that tailwind supports dark and light theme features in the easiest way and with Flowbite library, It just got easier and easier.
    Dark & Light Theme Switch

  4. pseudo-classes handling
    In tailwind, you can set and handle pseudo-classes like hover, active, placeholder ...etc
    Hover Pseudo Class

  5. Easy to be configurable and customizable
    As you know the framework only will not satisfy all your needs, you may need some extra colors, fonts, standard sizes, and more so you need to implement these things by yourself in external style sheets but with a tailwind, you can implement it by easy way, you can add your preferable colors, fonts, colors and animations just in a few seconds.


Conclusion

Tailwind is not just a normal CSS framework that has some predefined classes, It uses technologies and tools that make your development process as can easier so you should try it at least once in your projects.
And that is it, see you in the next article...🖐️​

Top comments (2)

Collapse
 
andrewbaisden profile image
Andrew Baisden

Tailwind is my favourite CSS framework.

Collapse
 
ahmedmohmd profile image
Ahmed Mohamed

Thanks for your comment, Andrew.
And for me too.