Show HN: Preline UI – Open-Source Tailwind CSS Components

preline.co

64 points·jaha··8 comments

It looks good from a quick overview, but a look in the code base makes me question if I'd be able to use it in a React project. For example, here:

https://github.com/htmlstreamofficial/preline/blob/bffc8d03d...

The dropdown component binds click/mousemove/keydown event handlers on the document element, but there's no method to remove such handlers. So the component does not seem to support unmounting. Also, throughout the code there are direct DOM manipulations, which I suppose are unavoidable but I would have preferred more "headless" components with no behaviors (or at least separate and more generic).

Thanks for the great feedback!

We will make sure to address in coming updates. In addition, React and Vue integrations are in our roadmap for all Preline Plugins.

Please feel free to leave any future requests or suggestions on Github page https://github.com/htmlstreamofficial/preline/issues

Also worth checking: https://www.hyperui.dev/

https://daisyui.com/ is a great alternative. It's got like 10k stars on Github so I'd say it's by far the most popular currently.

Preliine looks cool too!

This looks more a TailwindUI alternative, as daisyUI has a different philosophy to abstract utility classes, and makes the code shorter.

https://react.daisyui.com/, well they are using Tailwind UI so not sure how they are an alternative to the entire framework per se plus they have React components (among components for other frameworks, I believe).

That looks pretty good

I'll try to make it work with windicss (like tailwind but faster, smaller)

This looks really nice! This is by HtmlStream who create very polished templates.

Reply on news.ycombinator.com