Alternative products to hack.css

hack.css

The CSS framework for hackers

9 alternative and related products to hack.css

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

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
8 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- Developer & maker of Hunter Analysis
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.
9 Alternatives to Bulma

CSS Gridish

Automatically build your grid design's CSS code ✨

CSS Gridish takes design specs of your product’s grid and builds out several resources for your team to use:

- Sketch file with artboards and grid/layout settings for designers

- CSS/SCSS code using CSS Grid with a CSS Flexbox fallback for developers

- Google Chrome extension for anyone to check a webpage’s alignment

freeCodeCamp
Today, I'm excited to introduce a new open-source tool from IBM called CSS Gridish! CSS Gridish takes design specs of your product's grid and builds out several resources for your team to use: A sketch file with artboards and grid/layout settings for designers CSS/SCSS code using CSS Grid with a CSS Flexbox fallback for developers A Google Chrome extension f… See more
10 Alternatives to CSS Gridish
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.