V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
RoxyBrowser - 轻盈、安全的指纹浏览器
Roxy 凭借领先的指纹反追踪技术,助力隐私保护、跨境电商、数据采集等场景,为您的卓越事业保驾护航。
Promoted by RoxyBrowser
Fader10
V2EX  ›  程序员

这几个 ui 组件库中怎么选

  •  
  •   Fader10 · 2024-05-16 23:30:54 +08:00 · 5802 次点击
    这是一个创建于 432 天前的主题,其中的信息可能已经有所发展或是发生改变。
    先说需求,个人项目,一个后台用户管理系统想找个好看点的 ui 组件库,基于 vue

    目前的候选方案有这些,这里主要从审美角度和组件库的完善程度出发考虑
    vuetify ,star 数和社区维护还有组件的多样性应该都是最好的,但是对 material design 有点审美疲劳了
    shadcn ,vercel 的 ui ,但是感觉风格有点单调
    daisyui ,个人认为是三个中最符合自己审美的,但是有些特殊组件没有(例如 otp input )
    29 条回复    2025-02-26 16:57:56 +08:00
    connection
        1
    connection  
       2024-05-16 23:38:18 +08:00   ❤️ 1
    Naive UI 看看?
    Yunen
        2
    Yunen  
       2024-05-16 23:38:58 +08:00   ❤️ 1
    https://arco.design/ 不错
    angrylid
        3
    angrylid  
       2024-05-17 00:49:59 +08:00 via Android
    余裕,后台管理现在都有审美要求了。
    这样的话找个 headless ui 然后自己用 UNO CSS 魔改吧
    yunye
        4
    yunye  
       2024-05-17 01:16:17 +08:00
    如果用 nuxt 的话可以看看 nuxt ui
    panjiaming
        5
    panjiaming  
       2024-05-17 08:50:28 +08:00
    这个界面挺好看的,但是不知道用的是哪个 UI 框架。https://minimals.cc
    RogerL
        6
    RogerL  
       2024-05-17 09:10:03 +08:00
    shadcn 不是 React 的么
    shadcn 和 daisyui 都是基于 tailwind 的,优点是定制化容易,但是觉得不适合后台项目,因为需要二次封装,需要自己改很多东西。
    建议你还是用成熟一点的方案,比如 Naive UI ,Element ,Antd Vue 这种
    当然你一定要使用的话,daisyui 可以配合 headless ui 这种没有 UI 样式的纯行为组件来使用
    4Et5ShxMIq58n6Lr
        7
    4Et5ShxMIq58n6Lr  
       2024-05-17 09:23:17 +08:00
    做后台,不要用 shadcn ,改动的地方太多,找成熟的吧,antd 之类的
    iMusic
        8
    iMusic  
       2024-05-17 09:49:16 +08:00
    @RogerL 也有 Vue 版,是社区的不是官方的,https://www.shadcn-vue.com/ ,基于 Radix 的 Vue 版本 https://www.radix-vue.com/ 。组件太少也不是很好用,不过一直在更新
    Akuta
        9
    Akuta  
       2024-05-17 09:57:38 +08:00
    真别用 headless, 最好还是 antd-vue ,naive ui 挑一个
    Pierro
        10
    Pierro  
       2024-05-17 09:59:57 +08:00
    Tailwind UI
    lichao
        11
    lichao  
       2024-05-17 10:20:08 +08:00
    @Pierro Tailwind UI 的 component 不太全
    Dragonphy
        12
    Dragonphy  
       2024-05-17 10:26:39 +08:00
    @panjiaming #5 MUI
    dogfeet
        13
    dogfeet  
       2024-05-17 11:35:35 +08:00
    vue 的后台管理系统,可以试试 nuxt ui [https://dashboard-template.nuxt.dev/],pro 版本中很多 Dashboard 相关的重度组件。
    Terry05
        14
    Terry05  
       2024-05-17 11:44:03 +08:00
    还是用国内保有量最大的 el 和 antd ,你能碰到的奇奇怪怪的问题都有人碰过了
    dj721xHiAvbL11n0
        15
    dj721xHiAvbL11n0  
       2024-05-17 11:51:33 +08:00
    可以看看 halo 的后台管理,我觉得界面算不错的,然后使用 naive+tailwind 自己改改,就很不错了
    GloryIsMine
        16
    GloryIsMine  
       2024-05-17 11:58:38 +08:00
    还是 el 和 antd 吧 感觉 shadcn 和 nextui 这种都是封装了一层样式而已 很多组件的交互还要自己再开发
    vinsony
        17
    vinsony  
       2024-05-17 12:12:11 +08:00
    Naive UI 好看,不过这玩意常常要写 render 函数,比较麻烦,最好结合 jsx 使用。
    root71370
        18
    root71370  
       2024-05-17 12:30:05 +08:00
    daisyui 这个有开源的后台管理系统么 挺好看的
    yangzzzzzz
        19
    yangzzzzzz  
       2024-05-17 13:25:45 +08:00
    vuetify 个人感觉不如 quasar
    xuanloe
        20
    xuanloe  
       2024-05-17 14:05:34 +08:00
    官方有个 UI 库汇总 https://ui-libs.vercel.app/ 可以参考一下
    sunmoon1983
        21
    sunmoon1983  
       2024-05-17 15:55:54 +08:00
    @GloryIsMine antd 忍不了的就是按钮的颜色就蓝色和红色,想找个其它颜色的还要自己写!
    sunmoon1983
        22
    sunmoon1983  
       2024-05-17 15:57:40 +08:00
    腾讯也有一个 https://tdesign.tencent.com/
    sunmoon1983
        23
    sunmoon1983  
       2024-05-17 16:02:13 +08:00
    proxychains
        24
    proxychains  
       2024-05-17 16:45:44 +08:00
    ant design pro vue
    zclzone
        25
    zclzone  
       2024-05-17 17:25:21 +08:00
    naive ui 可以看看这个,https://admin.isme.top
    ShuWei
        26
    ShuWei  
       2024-05-17 20:12:12 +08:00
    那个用得顺手就用哪个
    FrankAdler
        27
    FrankAdler  
       2024-05-17 20:31:51 +08:00 via Android
    vuetifu 的 star 最多,我有个个人项目选了他,还在学怎么用
    sch1111878
        28
    sch1111878  
       177 天前
    shiloh595
        29
    shiloh595  
       146 天前
    quasar~~
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1265 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 17:30 · PVG 01:30 · LAX 10:30 · JFK 13:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.