这几个 ui 组件库中怎么选

2024-05-16 23:30:54 +08:00
 Fader10
先说需求,个人项目,一个后台用户管理系统想找个好看点的 ui 组件库,基于 vue

目前的候选方案有这些,这里主要从审美角度和组件库的完善程度出发考虑
vuetify ,star 数和社区维护还有组件的多样性应该都是最好的,但是对 material design 有点审美疲劳了
shadcn ,vercel 的 ui ,但是感觉风格有点单调
daisyui ,个人认为是三个中最符合自己审美的,但是有些特殊组件没有(例如 otp input )
6126 次点击
所在节点    程序员
29 条回复
connection
2024-05-16 23:38:18 +08:00
Naive UI 看看?
Yunen
2024-05-16 23:38:58 +08:00
https://arco.design/ 不错
angrylid
2024-05-17 00:49:59 +08:00
余裕,后台管理现在都有审美要求了。
这样的话找个 headless ui 然后自己用 UNO CSS 魔改吧
yunye
2024-05-17 01:16:17 +08:00
如果用 nuxt 的话可以看看 nuxt ui
panjiaming
2024-05-17 08:50:28 +08:00
这个界面挺好看的,但是不知道用的是哪个 UI 框架。https://minimals.cc
RogerL
2024-05-17 09:10:03 +08:00
shadcn 不是 React 的么
shadcn 和 daisyui 都是基于 tailwind 的,优点是定制化容易,但是觉得不适合后台项目,因为需要二次封装,需要自己改很多东西。
建议你还是用成熟一点的方案,比如 Naive UI ,Element ,Antd Vue 这种
当然你一定要使用的话,daisyui 可以配合 headless ui 这种没有 UI 样式的纯行为组件来使用
4Et5ShxMIq58n6Lr
2024-05-17 09:23:17 +08:00
做后台,不要用 shadcn ,改动的地方太多,找成熟的吧,antd 之类的
iMusic
2024-05-17 09:49:16 +08:00
@RogerL 也有 Vue 版,是社区的不是官方的,https://www.shadcn-vue.com/ ,基于 Radix 的 Vue 版本 https://www.radix-vue.com/ 。组件太少也不是很好用,不过一直在更新
Akuta
2024-05-17 09:57:38 +08:00
真别用 headless, 最好还是 antd-vue ,naive ui 挑一个
Pierro
2024-05-17 09:59:57 +08:00
Tailwind UI
lichao
2024-05-17 10:20:08 +08:00
@Pierro Tailwind UI 的 component 不太全
Dragonphy
2024-05-17 10:26:39 +08:00
@panjiaming #5 MUI
dogfeet
2024-05-17 11:35:35 +08:00
vue 的后台管理系统,可以试试 nuxt ui [https://dashboard-template.nuxt.dev/],pro 版本中很多 Dashboard 相关的重度组件。
Terry05
2024-05-17 11:44:03 +08:00
还是用国内保有量最大的 el 和 antd ,你能碰到的奇奇怪怪的问题都有人碰过了
dj721xHiAvbL11n0
2024-05-17 11:51:33 +08:00
可以看看 halo 的后台管理,我觉得界面算不错的,然后使用 naive+tailwind 自己改改,就很不错了
GloryIsMine
2024-05-17 11:58:38 +08:00
还是 el 和 antd 吧 感觉 shadcn 和 nextui 这种都是封装了一层样式而已 很多组件的交互还要自己再开发
vinsony
2024-05-17 12:12:11 +08:00
Naive UI 好看,不过这玩意常常要写 render 函数,比较麻烦,最好结合 jsx 使用。
root71370
2024-05-17 12:30:05 +08:00
daisyui 这个有开源的后台管理系统么 挺好看的
yangzzzzzz
2024-05-17 13:25:45 +08:00
vuetify 个人感觉不如 quasar
xuanloe
2024-05-17 14:05:34 +08:00
官方有个 UI 库汇总 https://ui-libs.vercel.app/ 可以参考一下

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1041472

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX