无样式 UI 库 对比 · 2026
Radix vs Headless UI
两者都为 React 提供无样式、可访问的组件。来自 Tailwind 团队的 Headless UI 覆盖常用的一套——菜单、对话框、列表框——并具备贴合 Tailwind 的顺手体验。Radix 则提供一个更庞大、更细粒度的原语库。
无障碍、无样式的 UI 基元,搭建 React 界面时可自由定制样式。
- 网址
- radix-ui.com
- 标签
- ReactAccessible
由 Tailwind Labs 团队打造的无样式、无障碍 UI 组件。
- 网址
- headlessui.com
- 标签
- TailwindAccessible
Radix vs Headless UI:该选哪个?
如果你已经身处 Tailwind 生态且只需要那些核心组件,Headless UI 非常合适。当你想要更广的覆盖面以及对每个原语各组成部分更精细的控制时,Radix 更合理。
供参考,在 Designeer 上两者都标注为 accessible;Radix 还标注为 react;Headless UI 还标注为 tailwind。标签来自各工具自身的描述,并非评分。

