🎨 shadcn/ui 正式支持 React Aria

现在创建 shadcn/ui 项目时,可以在 Base UI、Radix、React Aria 三套底层实现里选了。

直接用:

npx shadcn@latest init --base aria

或者在 shadcn/create 里选择 React Aria。CLI 会处理依赖、Registry、样式和组件安装,后续 shadcn add 也会自动拉取 Aria 版本。

这次不是试验性质的适配:

• 所有组件都有独立文档、示例和 API 说明
• Vega、Nova、Maia 等 8 套 Style 全部支持
• React Aria 的状态选择器和依赖单独隔离
• 原有 Base UI / Radix 组件不受影响

为什么值得关注?

React Aria 由 Adobe 团队长期维护,对键盘导航、焦点管理、屏幕阅读器、国际化这些「写着麻烦、漏了更麻烦」的细节处理得很扎实。社区过去对它的评价一直不错,真正挡住普及的主要是 API 和样式接入门槛。

现在 shadcn/ui 把这层门槛抹平了:你继续拿到可复制、可修改的源码,同时换上更强的无障碍和复杂交互底座。

Agili 点评:

新项目,尤其是后台、表单、日期选择、ComboBox 这类重交互产品,我会优先试 React Aria。

但别急着把老项目全迁了。官方明确说了,Base UI 仍是默认,现有项目会留在原来的 base。三套底座的组件 API 和 DOM 结构并不完全相同,迁移不是改一行配置。

最实际的做法:新项目直接 --base aria 跑一遍;稳定的 Radix / Base UI 项目先别折腾。

🔗 官方公告 · 原推 July 2026 - React Aria