tw-classed VS stylefy

TW Classed makes it super simple to create re-usable Tailwind components in both React and other frameworks. It ships with a React-specific library and a framework-agnostic core library. It takes a lot of ideas from Stitches.js and has most of the same functions (but with classes instead).

All this and more features like defaultVariants, compoundVariants, advanced class name merging, Tailwind Extension support and a framework agnostic library is available in the Documentation

https://tw-classed.vercel.app/ lets you write reusable React components whose classes are toggled by props. It comes with full type safety, a framework agnostic core lib and is only 1kb.

interesting take! I started using tailwind with the classnames library early on and found it to be a really nice fit for my purposes. Also very interested in more tailwind-specific tools like tw-classed[1]

[1]: https://tw-classed.vercel.app/

TwClassed - Write Reusable Tailwind components

Here is the GitHub

Thanks for the vanilla-extract recommendation, I'll be using this!

In my case, tailwind was useful for providing a handy set of vocabularies for simple and common stylings. But once customizations start to pile on, we're back into SCSS. Using 2 systems at once meant additionally gluing them with the postcss toolchain, so effectively we have 3 preprocessors running for every style refresh.

Looking in at TypeScript from the clojurescript ecosystem though, I'm still yet to see an equal to https://github.com/noprompt/garden or https://github.com/Jarzka/stylefy: single language, excellent composability, compile-time anonymous class names, inline styles... almost like they solved CSS (except for typing)