V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
softlight
V2EX  ›  前端开发

想开发一个项目,求推荐的前端开源组件库

  •  
  •   softlight · 2023-09-22 10:16:24 +08:00 · 3863 次点击
    这是一个创建于 430 天前的主题,其中的信息可能已经有所发展或是发生改变。

    目前准备发开一个项目,不知道大家有没有比较喜欢的 React 前端开源组件库,希望是 UI 比较好看的,社区比较活跃的,组件也比较丰富的

    目前已知的

    1. antd
    2. mui
    3. vant

    所以,可以留下你认为比较好使用的组件库, 可以说说理由。

    目前 tailwind 比较火, 这些组件库可以结合 tailwind 么

    第 1 条附言  ·  2023-09-22 10:48:51 +08:00
    4. arco design
    第 2 条附言  ·  2023-09-22 14:20:42 +08:00
    5.nextui
    33 条回复    2023-10-12 16:34:52 +08:00
    hucw21750
        1
    hucw21750  
       2023-09-22 10:21:26 +08:00
    个人看法:react 选 antd 就够了
    lsk569937453
        2
    lsk569937453  
       2023-09-22 10:21:53 +08:00
    antd+1
    MissCute
        3
    MissCute  
       2023-09-22 10:24:47 +08:00
    antd 你说的几条都符合
    tailwind 可以一起用,不影响
    dengqing
        4
    dengqing  
       2023-09-22 10:26:40 +08:00   ❤️ 4
    面相 B 端:antd

    当然 antd 也可以用于 C 端,但要花精力并且内有设计能力去调主题

    面向 C 端:shadcn/ui

    目前的最佳选择,加上 https://v0.dev 可以快速出页面
    AmberTest
        5
    AmberTest  
       2023-09-22 10:32:49 +08:00
    好像没人提 MUI ,是因为不如 antd 功能多吗?个人使用感觉组件要比 antd 更丰富一点
    https://mui.com/
    flyqie
        6
    flyqie  
       2023-09-22 10:35:57 +08:00
    react 也就 antd 了吧。。
    sycwiki
        7
    sycwiki  
       2023-09-22 10:36:14 +08:00
    ant 和 ant mobile
    17681880207
        8
    17681880207  
       2023-09-22 10:38:33 +08:00
    Arco Design 可以看下。😎
    seeu2ex
        9
    seeu2ex  
       2023-09-22 10:38:35 +08:00 via iPhone
    Mui 不香吗
    softlight
        10
    softlight  
    OP
       2023-09-22 10:39:20 +08:00
    @seeu2ex 国内使用的人感觉比较少
    artshooter
        11
    artshooter  
       2023-09-22 10:49:37 +08:00
    推荐一下 shineout ?,
    感觉用起来比 antd 的简单点。
    4ik96709qTWd3vO7
        12
    4ik96709qTWd3vO7  
       2023-09-22 10:52:26 +08:00
    @AmberTest 之前用过,但是这里面的 popover 感觉不太好啊。他直接一个遮罩层,把点击事件阻断了
    FanError
        13
    FanError  
       2023-09-22 11:04:41 +08:00
    @dengqing C 端的有 vue 的推荐么
    dengqing
        14
    dengqing  
       2023-09-22 11:16:23 +08:00   ❤️ 1
    @FanError

    现在 vue 也出了非常多类 radix / shadcn-ui 的库

    shadcn-vue: 1:1 复制 radix ,此外还有 shadcn-ui 的实现. 目前正在支持 unocss
    https://github.com/radix-vue/radix-vue
    https://github.com/radix-vue/shadcn-vue

    oku-ui: 1:1 复制 radix
    https://github.com/oku-ui/primitives

    primevue: healess-ui 组件库。unstyle mode 支持 unocss
    https://primevue.org
    anoyi
        15
    anoyi  
       2023-09-22 11:19:40 +08:00   ❤️ 1
    推荐一个炫酷的: https://nextui.org/
    dengqing
        16
    dengqing  
       2023-09-22 11:21:35 +08:00   ❤️ 2
    react 还有一个 https://mantine.dev/ 组件也很多
    XCFOX
        17
    XCFOX  
       2023-09-22 11:25:32 +08:00   ❤️ 1
    https://nextui.org/

    这才是面向 C 端的组件库,细节丰富,动画效果十分丝滑。
    另外还天然集成 tailwind ,能够完全自定义。
    KanaCC
        18
    KanaCC  
       2023-09-22 11:26:48 +08:00
    softlight
        19
    softlight  
    OP
       2023-09-22 11:42:35 +08:00
    @XCFOX 感觉很不错啊
    Nyeshuai
        20
    Nyeshuai  
       2023-09-22 12:47:02 +08:00
    @XCFOX 这库看着可以,但体积 1.1m...,都赶上 antd 了,加上 framer-motion ,这货也要 120kb ,感觉 C 端这个大小是不是太狂野了,不知道实际引入会不会改善点
    jenlors
        21
    jenlors  
       2023-09-22 13:01:12 +08:00
    这前端各种 UI 真让人看花眼啊
    RogerL
        22
    RogerL  
       2023-09-22 13:58:51 +08:00   ❤️ 1
    B 端推荐 refine + antd ,或者 antd pro
    C 端可以试试 tailwind ,用 shacn ,vercel 新出的 AI 开发就是 shadcn 的
    其他的还有我比较喜欢的 mantine 你也可以看看
    boxz
        23
    boxz  
       2023-09-22 16:29:55 +08:00
    solobat
        24
    solobat  
       2023-09-22 16:41:26 +08:00
    肯定 mui ,antd 太垃圾了
    softlight
        25
    softlight  
    OP
       2023-09-22 16:52:40 +08:00
    @solobat 可以说说,mui 哪方面让你觉得 比 antd 更好么。 但是,mui 经常会 breakchange, 导致升级的时候,一堆问题
    yuwen4012
        26
    yuwen4012  
       2023-09-22 17:31:41 +08:00
    @softlight 个人觉得 api 设计上比较稳健
    blurethdao
        27
    blurethdao  
       2023-09-22 18:41:37 +08:00
    mantain hook 好用
    fantathat
        28
    fantathat  
       2023-09-22 18:53:15 +08:00 via iPhone
    bs
    我也来一个,😄
    myvin
        29
    myvin  
       2023-09-22 19:19:58 +08:00
    如果对 UI 的要求、对自定义的要求比较高,或者,打算长时间维护的,或者,还有其他小伙伴和你一起开发,且这个小伙伴对你的 UI 框架选择持不同意见的,或者预期到后面的开发会有很多变数很多修改的,推荐自己封装 UI 组件,以后会减少很多麻烦。如果懒得自己封装组件,就找开源里面对应的组件参考下,然后“封装”成自己的。反之,则参照上面的吴彦祖们的推荐。
    solobat
        30
    solobat  
       2023-09-22 20:25:06 +08:00
    @softlight api 友好,可定制化强,sx 很强大,ts 支持好,UI 更好看等等; andt ui 丑,api 设计挺山寨,样式定制费劲等等。再说项目创建以后,一般也不会升级组件库吧,多麻烦。
    seeu2ex
        31
    seeu2ex  
       2023-10-12 14:04:29 +08:00
    @solobat #24 不知道为啥感觉国内基本都是 antd ,为啥没人用 mui
    softlight
        32
    softlight  
    OP
       2023-10-12 15:20:48 +08:00
    @seeu2ex 我其实挺喜欢用 mui 的。定制很强大
    seeu2ex
        33
    seeu2ex  
       2023-10-12 16:34:52 +08:00
    @softlight #32 用过一段时间的 mui ,感觉是挺好用的啊,就是国内用的没见过几个
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5909 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 86ms · UTC 02:06 · PVG 10:06 · LAX 18:06 · JFK 21:06
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.