4 ms·

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

64 points by jaha 4y ago

lioeters 4y ago
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/bffc8d03dde9cd5b1b77dc85d5c760acdb155938/src/components/hs-dropdown/index.js#L72 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).
- jaha 4y ago
  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 https://github.com/htmlstreamofficial/preline/issues
ianhawes 4y ago
This looks really nice! This is by HtmlStream who create very polished templates.
jokethrowaway 4y ago
That looks pretty good I'll try to make it work with windicss (like tailwind but faster, smaller)
Rzor 4y ago
Also worth checking: https://www.hyperui.dev/ https://www.hyperui.dev/
tr1ll10nb1ll 4y ago
https://daisyui.com/ 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!
- bluewalt 4y ago
  This looks more a TailwindUI alternative, as daisyUI has a different philosophy to abstract utility classes, and makes the code shorter.
  - tr1ll10nb1ll 4y ago
    https://react.daisyui.com/ 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).

64 points by jaha 4y ago

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/bffc8d03dde9cd5b1b77dc85d5c760acdb155938/src/components/hs-dropdown/index.js#L72 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).

jaha 4y ago
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 https://github.com/htmlstreamofficial/preline/issues

ianhawes 4y ago

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

jokethrowaway 4y ago

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

Rzor 4y ago

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

tr1ll10nb1ll 4y ago

https://daisyui.com/ 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!

bluewalt 4y ago
This looks more a TailwindUI alternative, as daisyUI has a different philosophy to abstract utility classes, and makes the code shorter.
- tr1ll10nb1ll 4y ago
  https://react.daisyui.com/ 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).