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.
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-weight:bold font-size:24px border-radius:4px padding:24px border:2px_dotted_#01befe transition:border-color_0.3s_ease-in-out hover:border-color:#bd0c65 width:400px margin:50px_auto_0_auto text-align:center font-family:arial s-cloak"> Edit me 🤩! <br /><br /> <a href="https://stylifycss.com" class="color:#01befe" target="_blank">StylifyCSS.com</a> </div>
Also stylify css support lots of frontend and backend framework like react, vue, angular, nextjs, remix, nodejs, laravel, php symfony etc.
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 .
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.
tachyons.io Functional CSS for humans.
basscss Low-level CSS Toolkit – the original Functional/Utility/Atomic CSS library.
open-props.style CSS custom properties to help accelerate adaptive and consistent design.