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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1200 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

比如Modal,DropdownMenu之类的.

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

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

第 1 条附言 · 2021-08-11 14:48:34 +08:00

发现符合需求的轮子了,谢谢@Hanser002

react-component

第 2 条附言 · 2021-08-11 14:49:16 +08:00

ps.1 楼老铁提供的轮子也不错,https://headlessui.dev,只是组件没有 react-componet 全.

React

组件

样式

tailwindcss

14 条回复 • 2021-08-11 20:52:46 +08:00

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 吗？