V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
softlight

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

  •  
  •   softlight · Sep 22, 2023 · 5407 views
    This topic created in 958 days ago, the information mentioned may be changed or developed.

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

    目前已知的

    1. antd
    2. mui
    3. vant

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

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

    Supplement 1  ·  Sep 22, 2023
    4. arco design
    Supplement 2  ·  Sep 22, 2023
    5.nextui
    33 replies    2023-10-12 16:34:52 +08:00
    hucw21750
        1
    hucw21750  
       Sep 22, 2023
    个人看法:react 选 antd 就够了
    lsk569937453
        2
    lsk569937453  
       Sep 22, 2023
    antd+1
    MissCute
        3
    MissCute  
       Sep 22, 2023
    antd 你说的几条都符合
    tailwind 可以一起用,不影响
    dengqing
        4
    dengqing  
       Sep 22, 2023   ❤️ 4
    面相 B 端:antd

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

    面向 C 端:shadcn/ui

    目前的最佳选择,加上 https://v0.dev 可以快速出页面
    AmberTest
        5
    AmberTest  
       Sep 22, 2023
    好像没人提 MUI ,是因为不如 antd 功能多吗?个人使用感觉组件要比 antd 更丰富一点
    https://mui.com/
    flyqie
        6
    flyqie  
       Sep 22, 2023
    react 也就 antd 了吧。。
    sycwiki
        7
    sycwiki  
       Sep 22, 2023
    ant 和 ant mobile
    17681880207
        8
    17681880207  
       Sep 22, 2023
    Arco Design 可以看下。😎
    seeu2ex
        9
    seeu2ex  
       Sep 22, 2023 via iPhone
    Mui 不香吗
    softlight
        10
    softlight  
    OP
       Sep 22, 2023
    @seeu2ex 国内使用的人感觉比较少
    artshooter
        11
    artshooter  
       Sep 22, 2023
    推荐一下 shineout ?,
    感觉用起来比 antd 的简单点。
    4ik96709qTWd3vO7
        12
    4ik96709qTWd3vO7  
       Sep 22, 2023
    @AmberTest 之前用过,但是这里面的 popover 感觉不太好啊。他直接一个遮罩层,把点击事件阻断了
    FanError
        13
    FanError  
       Sep 22, 2023
    @dengqing C 端的有 vue 的推荐么
    dengqing
        14
    dengqing  
       Sep 22, 2023   ❤️ 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
    StocksAI
        15
    StocksAI  
       Sep 22, 2023   ❤️ 1
    推荐一个炫酷的: https://nextui.org/
    dengqing
        16
    dengqing  
       Sep 22, 2023   ❤️ 2
    react 还有一个 https://mantine.dev/ 组件也很多
    XCFOX
        17
    XCFOX  
       Sep 22, 2023   ❤️ 1
    https://nextui.org/

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