有没有无样式的 React UI 框架?用来配合 TailwindCSS 使用

2021-08-11 14:15:10 +08:00
 Smash

前端时间重构了一个开源项目,用了 TailwindCSS/React ,体验很好,只是遇到那种需要交互的组件的时候,需要自己封装,稍显麻烦.

比如Modal,DropdownMenu之类的.

所以有了这个疑问,是否有无样式的 React UI 框架,用来和 TailwindCSS 配合使用的话,那简直就是如鱼得水了.

其实也不需要很大而全,只需要提供一些常用的交互式的组件就够了.

4336 次点击
所在节点    程序员
14 条回复
Twinkle
2021-08-11 14:16:50 +08:00
https://headlessui.dev

Tailwind 团队自己出品的,示例代码复制过去就能用
Smash
2021-08-11 14:19:29 +08:00
@Twinkle #1 就是这个,谢谢老铁.
dk7952638
2021-08-11 14:30:26 +08:00
@Twinkle 借楼问一下,这个库我也关注很久了,但是感觉组件有点少啊,能够用吗?
Hanser002
2021-08-11 14:39:30 +08:00
react-component
foundation of antd
dasbn
2021-08-11 14:40:23 +08:00
@dk7952638 作为它的那个 UI 库的付费用户,里面的组件不够用的,用的多的就是 Transition 。
用他的库的最大问题是如何覆盖样式,一层层的全是通用的类名,修改起来不方便。
Twinkle
2021-08-11 14:43:04 +08:00
@dk7952638 最好先评估下自己的需求,要做后台管理那种大而全的那肯定不现实。单是现有组件的话用起来感觉不错。
Smash
2021-08-11 14:47:00 +08:00
@Hanser002 #4 这个厉害,原来 React 的 Ant Design 有做基础组件封装.
dk7952638
2021-08-11 14:49:08 +08:00
@dasbn 这个库还有付费?
gowk
2021-08-11 15:03:42 +08:00
好家伙,楼上这些头像真是好玩~
zengqz
2021-08-11 15:04:51 +08:00
popperjs 这个无样式,可以写下来菜单那些
dasbn
2021-08-11 15:06:20 +08:00
@dk7952638 是的,进一步封装了一些页面: https://tailwindui.com/
作者去年还说过从这个 UI 库获得两百万的收入: https://adamwathan.me/tailwindcss-from-side-project-byproduct-to-multi-mullion-dollar-business/
basefas
2021-08-11 15:27:00 +08:00
@dasbn #11 想用这个库来替换自己项目的 antd 的,不过也一直在犹豫,一方面组件有限,另一方面这种 css-in-js 的方式显得有些乱,不太适应
cutchop
2021-08-11 20:45:37 +08:00
https://headlessui.dev vue 除了这个还有类似的组件库吗?
cutchop
2021-08-11 20:52:46 +08:00
@dasbn 你买的是 149 刀的 application ui 吗?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/795076

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX