Alternative products to hack.css

11 alternative and related products to hack.css

hack.css

The CSS framework for hackers

When you are building a website with a css framework like Bootstrap, you will only use a part of the framework and unused css styles will be included.

Purgecss removes unused selectors from your css, resulting in smaller files.

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

freeCodeCamp
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
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
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
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
9 Alternatives to Purgecss

Bulma

A modern CSS framework based on Flexbox

Manish Malik- Technology Products. Mostly.
Bulma has been amazingly simple and fast to use. Definitely recommended.
Csaba Kissi- Serial maker
No JS just pure CSS, lot of elements and small
J. Alexander Curtis- Co-Founder, Yagi Telecom
Bulma is slick and responsive. It has tons of elements and is all based on flexbox.
SitePoint
SitePoint
In this tutorial, we'll be getting started with Bulma, a modern CSS Framework built on Flexbox. For best results, follow along with the video at the end by OpenSource Craft. If you want to learn why you should care about Bulma, check out this video.
11 Alternatives to Bulma
Discover your next favorite thing

Product Hunt surfaces the best new products, every day. It's a place for product-loving enthusiasts to share and geek out about the latest mobile apps, websites, hardware projects, and tech creations.