Radix UI
www.radix-ui.com无样式、可访问的 React 基础组件，提供弹窗、菜单、选择器等复杂交互的行为层。
官方首页截图
打开官网
Tool profile
Radix UI 是什么?
Radix UI 主要解决组件行为和可访问性，而不是给你一套固定视觉。它把焦点管理、键盘操作、合成层和状态细节处理好，让团队可以在此基础上建立自己的产品界面。
Radix UI 能做什么?
01
适合谁
需要自定义视觉、但不想重复实现复杂交互细节的 React 项目
02
解决什么问题
减少弹窗、下拉菜单和组合框等组件的无障碍与边界错误
03
价格与成本
价格、免费额度和政策会变化；采购前请以官网当前的计划、用量限制和地区政策为准。
04
推荐使用场景
自建设计系统、复杂后台控件、品牌化产品界面
05
主要替代品
headless-ui、ariakit
06
选型判断
当现成 UI 库限制了品牌表达时使用 Radix；如果只想马上有一套漂亮界面，应选更完整的组件库。
使用场景
“自建设计系统：需要自定义视觉、但不想重复实现复杂交互细节的 React 项目，重点是减少弹窗、下拉菜单和组合框等组件的无障碍与边界错误。
“复杂后台控件：需要自定义视觉、但不想重复实现复杂交互细节的 React 项目，重点是减少弹窗、下拉菜单和组合框等组件的无障碍与边界错误。
“品牌化产品界面：需要自定义视觉、但不想重复实现复杂交互细节的 React 项目，重点是减少弹窗、下拉菜单和组合框等组件的无障碍与边界错误。
需要注意
它几乎不提供现成视觉，接入后仍需要自己处理样式、布局和产品级组合。
当现成 UI 库限制了品牌表达时使用 Radix；如果只想马上有一套漂亮界面，应选更完整的组件库。