best tailwind css alternatives for 2023

In this section we will see some best tailwind css alternatives css framework & library 2023. For this list we will not include bootstrap, Bulma css, Foundation css. We will include modern css utility like framework & library.

1. Windi CSS

Windi CSS is one of the best alternative of Tailwind CSS. If you are already familiar with Tailwind CSS, think about Windi CSS as an on-demanded alternative to Tailwind, which provides faster load times, fully compatible with Tailwind v2 / v3 and with a bunch of additional cool features.

Also it supports many builts tools like vite, Webpack, Rollup, PostCSS and Windi Cli. You can use windi css with Svelte, Gridsome, Vue 3 and Nuxt.

windi css alternatives to tailwind

windi css alternatives to tailwind

2. Stylify CSS

Stylify css is good alternative for tailwind but it uses CSS-like selectors color:blue, width:640px, margin:0_auto along with variables, components, custom selectors to generate optimized CSS dynamically based on what you write.

<div class="
    font-family:arial s-cloak">
  Edit me 🤩!
  <br /><br />
  <a href="" class="color:#01befe" target="_blank"></a>
stylify css tailwind alternative

stylify css tailwind alternative

Also stylify css support lots of frontend and backend framework like react, vue, angular, nextjs, remix, nodejs, laravel, php symfony etc.

3. UnoCSS

UnoCSS instant on-demand atomic CSS engine. It inspired by Windi CSS, Tailwind CSS, and Twind. But UnoCSS fully customizable - no core utilities, all functionalities are provided via presets. it 5x faster than windi and tailwind css. ~6kb min+brotli - zero deps and browser friendly. UnoCSS provide lots of Presets like @unocss/preset-wind, @unocss/preset-icons, @unocss/preset-typography

unocss tailwind alternative

unocss tailwind alternative

4. picocss

Use picocss without package manager or dependencies. It is minimal CSS Framework for semantic HTML Elegant styles for all natives HTML elements without .classes and dark mode automatically enabled. Less than 10 kB minified and gzipped.


Tailwind CSS Alternatives Honorable Mention List. Functional CSS for humans.

basscss Low-level CSS Toolkit – the original Functional/Utility/Atomic CSS library. CSS custom properties to help accelerate adaptive and consistent design.