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 有啥区别