softlight

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

  •  
  •   softlight · Sep 22, 2023 · 6372 views
    This topic created in 1140 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
    hucw21750
    Sep 22, 2023
    1
    个人看法:react 选 antd 就够了
    lsk569937453
    lsk569937453
    Sep 22, 2023
    2
    antd+1
    MissCute
    MissCute
    Sep 22, 2023
    3
    antd 你说的几条都符合
    tailwind 可以一起用,不影响
    dengqing
    dengqing
    Sep 22, 2023❤️4
    4
    面相 B 端:antd

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

    面向 C 端:shadcn/ui

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

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