Base UI 无头组件库：Radix 原班团队新作，自建设计系统底座

如果你在 2026 年新起一个要自建设计系统的 React 项目，Base UI 是目前更被看好的底层。它由 Radix UI 的原班团队打造，延续无样式、强无障碍的路线，把 API 稳定性放在更前的位置。

它解决什么问题

很多团队不是缺组件，而是缺一套能长期扛住的底层：升级不破 API、行为稳定、无障碍可靠。

过去几年 Radix 是默认答案，但它维护节奏放缓后，新项目需要一个新的、有团队持续投入的底座。

核心能力

新项目选底座该怎么看

选底层组件最怕「今天火、明年停」。Base UI 的优势是团队有 Radix 的积累、且已被 shadcn/ui 选为默认，意味着未来几年会有持续使用和反馈。

但它仍年轻，第三方模板和教程不如 Radix 多。如果项目急着要现成范例，可以先看 shadcn/ui 的 Base UI 分支；如果要纯底层，直接引用即可。

同类工具怎么选

谁适合用

• 2026 年新起、需要自建设计系统的 React 项目
• 正在评估 Radix 替代、看重长期维护的团队
• 用 shadcn/ui、想跟住默认底座的人

怎么开始

1. 访问 base-ui.com，通读 Concepts 理解复合组件思路。
2. 用 npm 安装 @base-ui-components/react。
3. 在组件上用 className 或 CSS 变量接入你的设计令牌。
4. 对照文档核对键盘与读屏行为。
5. 关注发版说明，优先选稳定版号接入生产。

常见问题

它还稳定吗？
由 Radix 原班团队维护，且成为 shadcn/ui 默认底座，投入有保障；但作为较新项目，仍建议锁定版本号。

和 Radix 能混用吗？
可以并存迁移，但同一界面不建议两套无头库混用，避免行为不一致。

必须配 Tailwind 吗？
不需要。Base UI 无样式，Tailwind、CSS Modules、原生 CSS 都能接。

授权与合规

Base UI 采用 MIT 协议开源免费，可自由用于商业与个人项目，可修改再分发，只需保留版权与授权声明。 官网：base-ui.com。