Bootstrap, Tailwind & daisyUI

Bootstrap

• Provides ready to use components and is built using SASS

• The main cons are: the build is not optimized you’re including the entire code even if you’re not using it and heavy customizations though changes of it being already saved in browser cache as other sites rely on it too heavily

• Bootstrap relies on 12 equal columns to achieve layouts

Tailwind

• Tailwind uses Atomicity principle followed by Facebook here

• It offers a different approach to writing CSS that is very similar to writing inline CSS but with the help of utility classes

• It relies on PostCSS to generate only the required css instead of getting the full build (tree shaking)

daisyUI

• It’s a component library built on top of tailwind css

• Customizing it is very easy, just add the tailwind utility to customize