"With PurgeCSS, you'll have a hard time generating CSS that isn't under 10kb minified and gzipped." - Tailwindcss docs

freeCodeCamp

I'm a big advocate for utility-first CSS. After trying several methods over the years, it's what I've found to be the best, most maintainable and scalable way of writing CSS to this day. When my coworker Clément Denoix and I built api-search.io, I decided to use Tailwind CSS to style it.

murze.be

PurgeCSS is a tool that can reduce the filesize of a CSS file. It does this by removing any css classes that are not used. It can detect which CSS...

codeburst

Recently Andrew Del Prete and Full Stack Radio posted about removing unused css declarations when building Tailwinds CSS into a Laravel project. It sounds like magic but behind the scenes it is searching through all .html, .blade.php, .js and .vue files for css classes and removing any from the compiled css that are never used on the frontend.

Tailwindcss

Strategies for keeping your generated CSS small and performant. Using the default configuration, Tailwind CSS comes in at 36.4kb minified and gzipped. Here's a few other popular frameworks for comparison: Bootstrap: 22.1kb Bulma: 22.0kb Foundation: 16.7kb Tachyons: 13.6kb By comparison Tailwind seems really heavy (over 1.5x larger than Bootstrap!), but it tu…See more