想开发一个项目,求推荐的前端开源组件库 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
softlight
V2EX    前端开发

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

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

    目前准备发开一个项目,不知道大家有没有比较喜欢的 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 经常会 breakchage, 导致升级的时候,一堆问题
    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     Solana     1577 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 16:28 PVG 00:28 LAX 09:28 JFK 12:28
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86