Radix UI
radix-ui.com又名 Radix UI、Radix、Radix Primitives
面向 React 的开源组件库,分 Themes、Primitives、Icons、Colors 四部分,Primitives 只留交互与可访问性逻辑、便于套用自有设计系统,适合已有设计规范、不想从零处理键盘导航和屏幕阅读器兼容的前端团队。
工具免费网页英文开源

Radix UI 是一套面向 React 的开源组件库,官网把它拆成四块:Themes(带样式的成品组件)、Primitives(无样式的底层组件)、Icons(图标)、Colors(配色)。它想解决的是搭界面时反复造轮子的问题——导入样式和组件就能用,不用先配一堆东西。
主要功能
Themes 提供按钮、卡片这类开箱即用的组件,代码里引一行样式、包一层 Theme 就能渲染;Primitives 则把样式剥掉,只留交互和可访问性逻辑,适合已有设计系统的团队自己套皮。Icons 和 Colors 是配套资源,前者是图标集,后者是配色方案。官网还放了 Playground,可以在线改代码看效果。
适合谁
用 React 写网页的前端开发者,尤其是需要自己控制视觉风格、又不想从零处理键盘导航和屏幕阅读器兼容的团队。如果项目已经有一套成熟的设计规范,Primitives 比 Themes 更合适;想快速出原型,Themes 更省事。
费用与限制
官网写明免费且开源,没有提到付费档位或必须注册。界面只有英文,文档和示例也以英文为主。它绑定 React 生态,非 React 项目用不上;Themes 的默认样式偏中性,想做出品牌感仍需自己改。
常见问题
Radix UI 收费吗?
Radix UI 免费使用。免费且开源。
Radix UI 有哪些平台 / App?
支持 网页。
Radix UI 的替代品有哪些?
本站整理了 6 个替代品,例如 shadcn/ui、HeroUI、Tailwind CSS、Ant Design。