Show HN: Flyon UI – Tailwind Components Library

Re:Show HN: Flyon UI – Tailwind Components Library by phforms on Thursday October 03, 2024 @04:34AM (#41728533)

I love the approach of shadcn and the fact that they use Radix primitives, which have a focus on accessibility. But I wish they would have a pure CSS option without tailwind style classes. It took me some time to translate the classes shadcn uses from tailwind to CSS (which sometimes require more research) and the variables for colors, sizes, etc. into the CSS-to-js system I use (which is stitches - yes, its deprecated, but still the best one I know).

Tailwind is nice for prototyping and simple projects, but often I find that it obscures things too much and when I need more control over the CSS it is too abstract and awkward to use.

[ Parent | on HN ]

Re:Show HN: Flyon UI – Tailwind Components Library by worble on Thursday October 03, 2024 @05:13AM (#41728811)

>Tailwind is nice for prototyping and simple projects

That's interesting because I find it quite the opposite, if all I'm doing is a quick prototype then the last thing I want to do is spend hours creating a ton of components with tailwind! I've often gotten extremely frustrated that it completely nukes basic browser styles when all I'm trying to see what it'd look like if I had some text, a form and maybe a picture on the page.

[ Parent | on HN ]

Re:Show HN: Flyon UI – Tailwind Components Library by phforms on Thursday October 03, 2024 @06:03PM (#41735543)

In case anyone finds this who is also interested: I just stumbled upon an implementation of shadcn/ui components with css modules that looks pretty solid: https://github.com/qwalker8408/shadcn-css/tree/main

Hopefully something like this will be made official - at least there is some discussion going on in the shadcn/ui repo: https://github.com/shadcn-ui/ui/discussions/2832

[ Parent | on HN ]