DEV Community

Discussion on: Which CSS framework - Bootstrap or Tailwind?

Collapse
 
tweetfrog profile image
Tom Michew

Thanks for the comparison. I think it's also worth noting that Tailwind is best used as a PostCSS plugin, or as part of the JS build process. This may be a barrier to entry for newbie developers. On the other hand, Bootstrap is lightweight and easy to use directly from CDN. Currently Tailwind on CDN is ~2.8 MB while Bootstrap is a much lighter ~150KB!

Collapse
 
danwalsh profile image
Dan Walsh

That's a bit of an unfair straw man... Tailwind CSS is not meant to be used via CDN—it should always be used as part of a build process. One of the main pros for choosing to use Tailwind CSS is its tiny production build file size, as attested on their homepage: tailwindcss.com/#performance.

Collapse
 
tweetfrog profile image
Tom Michew

Yes, that's why I said "Tailwind is best used as a PostCSS plugin, or as part of the JS build process" .. I think the article should mention this in comparing the two.

Collapse
 
losderpos profile image
Wouter Van de Wille

When you build your css file with Tailwind, it ONLY includes used classes in the final files, which results in drastically smaller files compared to Bootstrap.