Hacker News Reader

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.

View on HN

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.

Not an expert here, but cannot you tree shake Bootstrap too?

https://medium.com/@jacobp100/tree-shaking-bootstrap-95d6301...

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.

Reply on news.ycombinator.com