mantine UI 库和 shadcn UI 库 选哪个？

[gotoschool]

纠结又犯了
虽然都是 ai 写
想使用一个库前后台一起梭哈

或者 shadcnui 前台？ mantine UI 后台？
有更好的方案吗？总感觉身心疲惫啊

[shiny]

shadcn ，因为有大量第三方 lib 可以用 shadcn li 安装，这是我搜集的库 https://netcup.notion.site/Dev-Startup-Kit-21854a23f8608011bc52f47dfd196ea0

[daimaosix]

shadcn AI 更友好

[Ketteiron]

后台管理不推荐 shadcn 。
虽然绝大部分组件都有对应的三方库实现或者可借鉴例子，实在不行可以手搓，但是到后期维护会相当烦人。
不是对整个 shadcn 生态相当了解的话会碰到一个又一个坑，你有信心折腾的话就玩吧。

[Kilerd]

https://www.kilerd.me/you-need-shadcn-ui/

这是我的心路历程。

tldr 需要定制化用 shadcn ， 不需要定制化/管理后台 用 mantine

[ultimate42]

我发现这些组件库都挺折腾人的其实..
shadcn 每次用到项目里没有用到的新组件都要跑安装，文件部一堆的 import
modal 或者 dialog ，没法在 onClose 里 reset 表单，得在一个动画结束的回调里操作
我想用到一个 treeSelect ，无论是 shadcn 、mantine 、chakra 官方组件都没有，表格也是

还有下面这些我这几天遇到的问题：
react-hooks-form 无法直接用 reset()重置
zod+RHF 想给一个 number 设置""的默认值
react-table 给表头设置列宽
react-table 没有设置数据总条数的字段、如果要在 pagination 里显示 共 xx 条 得自己维护一个字段

可能是被国内的组件库惯坏了，折腾这些感觉很吃力

[gotoschool]

@shiny
@daimaosix
@Ketteiron
@ultimate42
感谢你们的回复


@Kilerd 文章让我受益匪浅。

[XTTX]

无脑推荐 shadcn, 一出来就用到现在。
1.所有的坑别人都踩了上万遍了，AI 不能立刻解决就让它搜一下 github issue. 哪个库又没有坑？
2.shadcn 让 composition 和 variant 这种写法成了主流，现在所有的组件库写法都大同小异。
3.复杂的组合用法，你让 AI 撸一边 example ，写出 xx-rule.md, 新页面 @一下，咣叽一下就弄完了。
4.supabase, cal.com 看别人代码库怎么用 shadcn
5.shadcn 定义 ui 下限，风格统一起点，剩下的自己做。也可以理解它就是一个 UI layer wrapper. 复杂的逻辑都是靠的第三方库。好处就是极大降低了学习成本。

[linkopeneyes]

shadcn 表单要配合 react hooks form 而且 table 功能太简单了，如果用 @tanstack/react-table 的话又写起来太复杂了，有这个时间改这些的话，后台功能都写完了，最主要是 tailwind4.0 其实很激进做兼容的话，还要花时间

[susunus]

请教各位大佬，这些 ui 库和平时用的 antd 有啥区别

[yanguangs]

@susunus
本质没啥区别,到了最后还是 javascript 跟 css

一个新的轮子而已

[Leon6868]

@shiny #1 受益匪浅！

[Kilerd]

@gotoschool 对了，有一点特别重要，AI 时代下你的选择越广泛使用，AI 的补全能力就越强，可以在一些便宜的，context 短的 AI 上表现特别好。 基于这个点都应该选择 shadcn

[imherer]

@Kilerd #4 “在 Mantine 退出 Chart 系统时，我第一时间就跟进，把自己手搓的 Chart 系统给改了”

是不是有笔误？

[Ketteiron]

@linkopeneyes #8 shadcn 的定位是可深度定制的 UI 组件库，如果项目很多，或者项目迭代时间很长且需要高度定制化，还是划算的。但大部分后台项目没有多少预算资源，开发时间有限、开发人员能力有限，可能 deadline 到了还没折腾清楚，老实 antd 就行了。
shadcn 上限无疑远超 antd/mantine 等组件库，前提是能玩明白，有时间玩明白。
对于打算使用 shadcn 构造后台管理项目的人，我会建议他们先从一个简单的 tree-select/cascader 组件开始，看是否能顺畅地实现(无论是使用现成组件、copy 、手搓、AI)一个较为完整的 demo ，包括勾选策略(all/parent/child)、异步加载、多选、过滤/筛选/禁用/加载中、虚拟滚动、节点更新、级联选择。反正相关资源/实践社区里都有，AI 也能实现，但门槛还是挺高的。

[duan602728596]

不推荐 shadcn/ui ，后台还是老老实实 antd 吧。好不容易组件库帮你封装了一堆逻辑，你只是调用就好了，节约了开发时间。用 shadcn/ui 这是又走到以前用 bootstrap 的老路上了，还要进行二次、三次封装。

[Kilerd]

@imherer 输入法不太好，typo 有点多，看得懂就好 😁

[17681880207]

我自己项目用的 heroui

[spider12]

antd 考虑不

[dumbass]

sorry, I use element-plus.

[w797200]

@Ketteiron 后台管理有没有推荐的?