Alternative products to hack.css

hack.css

The CSS framework for hackers

10 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- 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
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.
10 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

Mustard UI

A CSS framework that actually looks good.

If the world is your oyster, then the web is your hotdog! Mustard UI was created first as a joke within a small web development team. It then grew to become not only a teaching tool but the starter code for many web projects. The aim is to create a CSS framework that actually looks good. It's still an early concept, but we'd love your thoughts.

5 Alternatives to Mustard UI
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.