Shadcn/UI 默认转向 Base UI
推荐指数 72.0 NO. 016 · 2026.07.06
发布2026/07/05Score255Comments138
为什么值得看
Shadcn/UI 将底层从 Radix 切换为同一团队新开发的 Base UI,但强调现有项目无需迁移。这一变动反映了 React 组件库生态的代际更替,新建项目可直接获得更现代的 API 和性能优化。
编辑判断
Radix 团队做 Base UI 本质上是重写——不是迭代,而是带着三年生产环境教训从零设计。关键差异在性能:Base UI 用新的浮层架构(类似 Floating UI 的演进版)解决了 Radix 中长期存在的 portal 渲染和焦点管理开销,这在大量弹窗/下拉菜单的场景下会很明显。
对已经在用 Shadcn 的团队,官方说"不用切"是对的,因为两者 API 并不完全兼容,迁移成本大于收益。但如果你是新项目,选 Base UI 版本等于提前押注——Radix 的维护优先级必然会下降,社区插件和 bug 修复的重心会转移。
一个值得观察的信号:Shadcn 这次切换是"默认"而非"强制",说明作者也在试探社区反应。如果 Base UI 的 adoption 速度不够快,这种双轨状态可能持续很久,反而增加选型困惑。
社区反馈
意见分歧 123 条评论
核心争论:组件库复制粘贴模式 vs 传统依赖升级,以及 LLM 是否会取代 codemods
相关内容
July 2026 - Base UI as the Default - shadcn/ui 官方更新日志:Base UI 成为 shadcn/ui 默认组件库,取代原有的 Radix UI 底层方案。 Shadcn UI Migration Guide: Transitioning from Radix UI to Base UI GitHub 官方迁移指南,记录从 Radix UI 迁移到 Base UI 的关键步骤与常见陷阱。 Shadcn UI 默认基于 Base UI 构建底层组件 社区观察:底层引擎从 Sass 转向 Rust-based Lightning CSS,TanStarter 模板同步采用 Base UI。
That's great. Started using Base UI early on via 9ui [0] and found the primitives very pleasant to work with, especially if one wants to compose more complex components from other Base UI components. Maybe Shad can reduce some of the dependencies they rely on now. [0] https://www.9ui.dev
What's the difference? All of these component libraries look the same.
UI libraries are the new Linux distributions ;-)