V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Smash
V2EX  ›  程序员

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

  •  
  •   Smash · 2021-08-11 14:15:10 +08:00 · 4282 次点击
    这是一个创建于 1182 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前端时间重构了一个开源项目,用了 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 全.
    14 条回复    2021-08-11 20:52:46 +08:00
    Twinkle
        1
    Twinkle  
       2021-08-11 14:16:50 +08:00   ❤️ 6
    https://headlessui.dev

    Tailwind 团队自己出品的,示例代码复制过去就能用
    Smash
        2
    Smash  
    OP
       2021-08-11 14:19:29 +08:00
    @Twinkle #1 就是这个,谢谢老铁.
    dk7952638
        3
    dk7952638  
       2021-08-11 14:30:26 +08:00   ❤️ 1
    @Twinkle 借楼问一下,这个库我也关注很久了,但是感觉组件有点少啊,能够用吗?
    Hanser002
        4
    Hanser002  
       2021-08-11 14:39:30 +08:00   ❤️ 1
    react-component
    foundation of antd
    dasbn
        5
    dasbn  
       2021-08-11 14:40:23 +08:00   ❤️ 1
    @dk7952638 作为它的那个 UI 库的付费用户,里面的组件不够用的,用的多的就是 Transition 。
    用他的库的最大问题是如何覆盖样式,一层层的全是通用的类名,修改起来不方便。
    Twinkle
        6
    Twinkle  
       2021-08-11 14:43:04 +08:00   ❤️ 1
    @dk7952638 最好先评估下自己的需求,要做后台管理那种大而全的那肯定不现实。单是现有组件的话用起来感觉不错。
    Smash
        7
    Smash  
    OP
       2021-08-11 14:47:00 +08:00
    @Hanser002 #4 这个厉害,原来 React 的 Ant Design 有做基础组件封装.
    dk7952638
        8
    dk7952638  
       2021-08-11 14:49:08 +08:00
    @dasbn 这个库还有付费?
    gowk
        9
    gowk  
       2021-08-11 15:03:42 +08:00
    好家伙,楼上这些头像真是好玩~
    zengqz
        10
    zengqz  
       2021-08-11 15:04:51 +08:00   ❤️ 1
    popperjs 这个无样式,可以写下来菜单那些
    dasbn
        11
    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
        12
    basefas  
       2021-08-11 15:27:00 +08:00
    @dasbn #11 想用这个库来替换自己项目的 antd 的,不过也一直在犹豫,一方面组件有限,另一方面这种 css-in-js 的方式显得有些乱,不太适应
    cutchop
        13
    cutchop  
       2021-08-11 20:45:37 +08:00
    https://headlessui.dev vue 除了这个还有类似的组件库吗?
    cutchop
        14
    cutchop  
       2021-08-11 20:52:46 +08:00
    @dasbn 你买的是 149 刀的 application ui 吗?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5247 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 09:29 · PVG 17:29 · LAX 01:29 · JFK 04:29
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.