Alternative products to Tailwind CSS

8 alternative and related products to Tailwind CSS

Tailwind CSS

A utility-first CSS framework for rapid UI development

Tailwind CSS is a Utility-First CSS Framework for Rapid UI Development ⚡️

8 Alternatives to Tailwind 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

Around the web
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
9 Alternatives to Purgecss

Smart CSS viewer tailored for Designers. Get access to the useful styles with our Chrome extension. No more digging in code. Trusted by over 65,000+ users.

Recommendations
Josh Krauth-Harding
Josh Krauth-Harding- Student @ College for Creative Studies
A super simple way to not only look at the fonts/colors projects are using, but also HOW they're using them. Also super helpful to look into how people organize their websites.
Around the web
Medium
Squeaky clean and beautiful UI We've decided to bring our user interface to the next level by simplifying the icons and reducing overall cognitive load by removing irrelevant labels and changing the presentation of plain data into more visual. Instant color copying The great deal of our users highly appreciated the way we're inspecting and presenting colors … See more
10 Alternatives to CSS Peeper

Create responsive websites using the Bootstrap framework.

Do you have an amazing idea for an application or a website? Bring it into reality with Bootstrap Studio! Now you can design responsive web pages with a simple drag and drop powerful interface.

Recommendations
Daniel Santiago
Daniel Santiago- ingdb
It's really worth it to do things quickly, I have the license for life and really pay for it alone.
Around the web
Network World
Color libraries and an integrated development environment for Bootstrap will make engineering your Web content a whole lot easier.
The Practical Dev
How to use Bootstrap Studio for building Rails apps with React
14 Alternatives to Bootstrap Studio

Easy to use css loading animations with vue.js integration

Epic Spinners is a rich collection of spinners animated with css which are available both as html/css code snippets and easily customizable vue.js components

Around the web
Medium
In my previous , I shared some thoughts on how open source may help software development business grow. Today my team has 2 popular open source products launched, and we're ready to share our experince. We founded Epicmax 6 month ago and we had literally nothing.
7 Alternatives to Epic Spinners
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.