Know of any alternatives to tailwindUI?

Hey guys, I am looking for alternatives to tailwindUI, meaning design systems that use tailwind for the CSS and headless for the javascript/behaviors like headlessUI. Any other libraries such as MUI, Bootstrap, or ChakraUI that don't use tailwind out of the box are not an option. This could be good to have a free alternative for the community since tailwindUI is quite expensive and not everyone is willing to pay for it.

I know about the libraries Theo talked about in this video: https://youtu.be/CQuTF-bkOgc?t=1057

YouTubeTheo - ping․gg

The Best Of CSS - Tailwind vs MUI vs Bootstrap vs Chakra vs...

UI libraries are important! I think about them a lot and I hope this video helps you think about them too. Very very very overdue one.

TailwindCSS, MaterialUI, Chakra, Bootstrap, Radix, React-Aria, Master.co, and more

ALL MY CONTENT IS FILMED LIVE ON TWITCH AT https://twitch.tv/theo
ALL MY BEST MEMES ARE ON TWITTER FIRST https://twitter.com/...

jnsdrssn•11/23/22, 4:17 PM

Maybe: https://flowbite.com/

MaïeulOP•11/23/22, 4:17 PM

Jjnsdrssn Maybe: https://flowbite.com/

MaïeulOP•11/23/22, 4:18 PM

I feel like flowbite has its own javascript/behaviors built into it

Pod•11/23/22, 4:19 PM

https://daisyui.com/

daisyUI — Tailwind CSS Components

Tailwind Components Library - Free components for Tailwind CSS

Pod•11/23/22, 4:20 PM

There's https://tailwindcomponents.com/ too

Tailwind CSS Components - 600+ Free Examples and Templates

A free repository of open source Tailwind CSS components and templates to bootstrap your new apps, projects or landing sites!

MaïeulOP•11/23/22, 4:20 PM

Hmmm daisyUI I have to override the built-in CSS and so it is less customizable

MaïeulOP•11/23/22, 4:25 PM

Flowbite, daisy and tailwind-components don't handle accessibility very well

MaïeulOP•11/23/22, 4:25 PM

this is one of the reasons why I'm looking for "tailwind + HeadlessUI or an alternative + alternative to tailwindUI"

nexxel•11/23/22, 4:26 PM

def don't use daisyUI

nexxel•11/23/22, 4:26 PM

it makes tailwind bootstrap

nexxel•11/23/22, 4:27 PM

it is also important to understand tailwindui isn't a design system

nexxel•11/23/22, 4:28 PM

its just a bunch of pre built components that you copy paste to work fast

nexxel•11/23/22, 4:28 PM

if you want your own design system, tailwindui isn't going to help you there

nexxel•11/23/22, 4:29 PM

i recommend checking out class-variance-authority and building a design system like that

nexxel•11/23/22, 4:30 PM

checkout this talk from nextjs conf https://www.youtube.com/watch?v=T-Zv73yZ_QI

YouTubeVercel

Tru Narla: Building a design system in Next.js with Tailwind

Learn how to set up a design system in a Next.js application, and how to build an accessible and easily customizable user interface with Tru Narla, Software Engineer at Discord.

Design at the moment of inspiration: https://vercel.com/home

Speaker: https://twitter.com/trunarla

MaïeulOP•11/23/22, 4:39 PM

Thanks for the tips @nexxel

AvPirate•11/23/22, 5:00 PM

I am personally have working with HyperUi and MambaUi, which are copy-paste components service, which means no need to install a library or be obligated to one. They give components and sections. When there's something I need that they don't have, I find something online. That's the beauty of tailwind, huge community.
All you need to to is making sure all the components from diff sources look good together