它是什么：WorkOS 出品的开源组件库
Radix UI 是一套面向 React 的开源组件库，页眉两次出现 Made by WorkOS 的字样，出品方身份写得很直白。官方描述把它概括成三样东西——组件、图标与颜色，目标是让团队快速开发、少踩坑、默认就通过无障碍检查。首屏一句 Start building your app now 直接催你动手，导航按文档、Playground、博客与四条产品线展开，整套东西免费开源。
深度介绍
Radix UI详细介绍
核心功能：四条产品线各管一段
产品线分四条。Themes 是成品主题组件库，首页挂着 3.0 版本的发布横幅；Primitives 提供不带样式的无头原语，交互与无障碍逻辑已经写好；Icons 是图标集；Colors 是配色工具。四件从底层零件一直排到成品界面，团队可以只取其中一件，也可以整套拿来搭。首页还用五段实时演示展示真实产品里的组件效果，成员卡、通知开关、注册表单与发票卡片都在其中。
特色：import 即走，无障碍默认内建
官方把零配置写成了口号：Just import and go，后面还补了一句不需要任何配置。首页给的示例只有三行——引入样式表、放上主题与按钮组件、渲染一句问候，就能看到完整效果。无障碍能力不需要额外包装，组件默认处理键盘操作与屏幕阅读器细节，这对要过合规自测的团队省下不少时间，样式与行为分离的设计也方便后续换肤。
适用场景：新项目起步与团队统一组件
常见用法包括新项目零配置起步、为产品搭一套无障碍组件底座、确定品牌主题色、统一团队的组件与交互规范，以及从图标与调色板里快速取素材。设计师可以在 Colors 里定色板，工程师在 Primitives 上接逻辑，最后用 Themes 直接拼页面，三类角色的产出能在同一套变量里对齐，需要长期维护的后台系统尤其合适。
资费门槛：完全免费，演示价格是样例
这套库的官方口径是 Free and open-source，站内也没有价目页，真实成本主要花在自己的开发时间上。需要留意的是首页演示里那张定价卡上的 0 美元、49 美元与 99 美元三档，属于记账类应用的样例数据，配着 30 天试用与免信用卡的文案，并不是 Radix 自己的报价，选型时别照着它算预算，把它装进项目本身不收费。
资源渠道：文档、Playground、博客与仓库
四件资源各管一段：Documentation 记录组件 API 与用法，Playground 是改参数就能看效果的在线操场，Blog 承载版本发布与设计思考，GitHub 上的 themes 仓库负责代码与问题跟踪。WorkOS 出品页能查到背后团队的其他产品，页眉与页脚的链接两端呼应，想深入哪一块都有直达入口，博客正文单页体量不小，值得定期翻一翻。
上手路径：三行代码起步，再挑产品线
上手顺序很短：先在首页复制那段三行示例，把样式表与主题组件装进项目；接着按需求挑产品线，要成品界面用 Themes，要自由度用 Primitives，图标与配色各自单独引用；最后到 Playground 里改参数验证效果，确认后写进自己的组件库。遇到细节问题查文档，发现缺陷去仓库提问题，整个过程不需要注册账号，也不用付费。
产品特点
核心功能与独有价值
Made by WorkOS 在页眉出现两次
出品方的名字在页眉挂了两遍，WorkOS 的招牌比 logo 还显眼——这套库从不回避自己的出身，背后团队一目了然，想找同门产品顺着链接就能过去。
演示数据里藏着彩蛋
首页演示的发票卡片把收件地址写成了 742 Evergreen Terrace，那是动画里经典的一处门牌；同屏还有一张已付 17,975.30 美元的账单，样例做得像真产品。
演示价格不是本库报价
定价卡上的三档数字属于记账应用样例，配 30 天试用与免信用卡文案；Radix 自己的口径是免费开源，看价签时别把样例数据当成它的收费标准。
零配置写在第一屏
Just import and go 连配置文件都不提，首页示例只有三行，装上就能渲染——这套库把少做事当成了第一卖点，对赶工期的团队很有说服力。
最近动态
重要更新
Themes 3.0 发布横幅在首页
首页挂着 Themes 3.0 的发布横幅，四条产品线与文档、Playground 同屏展示，版本节奏可以直接从横幅与博客判断。
出品方与仓库信息两处可查
页眉的 Made by WorkOS 与 workos.com 链接、GitHub 上的 themes 仓库、官方博客三处信息互相印证，代码与动态都有出处。
九月：官网信息复核
本页对四条产品线、首页演示、入口链接与素材来源逐条核对，内容与官网公示保持一致，后续变化随官网同步更新，范围含博客与仓库。
产品总结
Radix UI 是 WorkOS 出品的开源组件库，页眉两次挂着 Made by WorkOS 的字样，出身写得很直白。官方描述把它概括成三样东西——组件、图标与颜色，目标是让团队快速开发、少踩坑、默认就能通过无障碍检查。首屏一句 Start building your app now 直接催动手，导航按文档、Playground、博客与四条产品线展开，整套东西免费开源，站内也没有价目表。 四条产品线分工清楚：Themes 是成品主题组件库，首页挂着 3.0 版本横幅；Primitives 是不带样式的无头原语，交互与无障碍逻辑已经写好；Icons 与 Colors 分别供图标和配色。首页用五段实时演示展示真实产品里的组件效果，成员卡、通知开关、注册表单与发票卡片都在其中，其中发票卡片的收件地址写成了 742 Evergreen Terrace，是埋在样例数据里的一处彩蛋。 上手几乎是零门槛：引入样式表、放上主题与按钮组件、渲染一句问候，三行代码就能看到完整效果；想先看效果可以进 Playground 改参数，遇到问题查文档或去仓库提问题。需要说明的是，演示里那张 0、49、99 美元的定价卡属于记账应用样例数据，并不是本库报价，这套组件的真实成本就是免费使用，权益以官方公示为准。
- 产品类型
- 开源无障碍组件库与主题系统
- 支持平台
- 网页版
- 资费模式
- 开源免费，官方口径为 Free and open-source；站内没有价目页，演示卡里的价格为样例数据。
核验信息
参考文章与数据来源
本页内容依据 Radix UI 官网首页、GitHub 上的 themes 仓库、WorkOS 出品页与官方博客整理，产品线、零配置说明与首页演示内容均取自官网公示，封面与标识分别取自 GitHub 官方社交卡与组织头像。核对于 2026-10-04。
用户体验调查
Radix UI介绍页面对您是否有帮助？