3 ms·

I might be naïve and new in UI side of things. What is the big difference between bootstrap, foundation and tailwind? Also, what I saw people end up customizing

I might be naïve and new in UI side of things. What is the big difference between bootstrap, foundation and tailwind? Also, what I saw people end up customizing the components anyways, at what point do you use a UI Component library and what situations you do not.

tmikaeld 5y ago
On bootstrap, Foundation, semantic UI you have all of the CSS code included, on tailwind and windicss you only include what's actually on the page by compiling it.
- padthai 5y ago
  Not an expert here, but cannot you tree shake Bootstrap too? https://medium.com/@jacobp100/tree-shaking-bootstrap-95d6301f61a9 https://medium.com/@jacobp100/tree-shaking-bootstrap-95d6301...
  - tmikaeld 5y ago
    To a certain degree and also on semantic, but it always have a core CSS which is largish, windi and tailwind is on a granular/utility basis. So it's often something like 8kb for a page with tailwind/windi but +100kb for semantic.