Radix Vue

面向追求无障碍与可定制性的Vue开发者，Radix Vue提供一套无样式、WAI-ARIA合规的组件库，让你在Vue 3及Nuxt项目中快速搭建高质量设计系统，避免从零处理焦点管理、键盘导航等底层细节。

核心能力：无样式 + 无障碍开箱即用

Radix Vue是Radix UI的Vue移植版，组件不附带任何默认样式，开发者可完全控制视觉表现；同时内置键盘导航、焦点管理和ARIA角色，通过WAI-ARIA合规测试。官网首页展示了50+组件，包括Accordion、Alert Dialog、Aspect Ratio、Avatar、Calendar、Checkbox、Collapsible、Combobox、Context Menu、Date Field、Date Picker、Date Range Field、Date Range Picker、Dialog、Dropdown Menu、Editable、Hover Card、Label、Menubar、Navigation Menu、Number Field、Pagination、Pin Input、Popover、Progress、Radio Group、Range Calendar、Scroll Area、Select、Separator、Slider、Splitter、Stepper、Switch、Tabs、Tags Input、Toast、Toggle、Toggle Group、Toolbar、Tooltip、Tree。

• 无样式设计：组件不带任何CSS，样式完全由开发者自定义，适合构建设计系统
• 无障碍合规：所有组件遵循WAI-ARIA规范，支持键盘导航与焦点管理
• Vue生态兼容：基于Vue 3，兼容Nuxt及其他Vue元框架
• 动画支持：组件可配合任意动画库实现过渡效果

适合谁用：设计系统团队与高定制需求项目

Radix Vue主要面向两类用户：一是需要从零搭建内部设计系统的团队，二是需要高度定制UI但不愿牺牲无障碍的独立开发者。官网列出核心团队成员包括Zernonia、Khairul Haaziq、Mujahid Anuar、Max、Artem Melnyk、Eduard Predescu，社区贡献者开放加入。

• 设计系统构建者：无样式特性便于统一品牌视觉，组件行为已封装
• 无障碍优先项目：WAI-ARIA合规减少审计风险，适合政府/企业级应用
• Vue/Nuxt开发者：直接使用Vue组件语法，无需额外适配层

上手与版本现状

Radix Vue当前最新稳定版为v1.9.17（2025年4月），官网同时提供v2预览版。项目在GitHub开源，采用MIT协议。官网提供完整文档、组件示例及Showcase展示。版本历史显示从v1.2.0-beta.2到v1.2.0-beta.50的迭代记录，近期新增Tree和Stepper组件。

• 版本号：v1.9.17（稳定版），v2预览版可切换
• 安装方式：通过npm/pnpm安装@unovue/radix-vue
• 文档资源：官网Docs章节包含每个组件的API、属性和事件说明
• 社区参与：GitHub仓库可提交Issue和PR，团队活跃更新

常见问题

Q1：Radix Vue与Radix UI（React版）有什么区别？

A1：Radix Vue是Radix UI的Vue移植版，核心概念（无样式、无障碍）一致，但API和组件命名针对Vue语法调整。Radix UI仅支持React，Radix Vue支持Vue 3及Nuxt，两者组件数量相近，Vue版已覆盖50+组件。

Q2：Radix Vue的Tree组件支持哪些交互？

A2：Tree组件是v1.9.17新增功能，支持目录结构展示，官网示例中展示了`composables`、`components`、`home`、`app.vue`、`nuxt.config.ts`等节点的层级展开，具体交互包括键盘导航和焦点管理，但无默认样式。

Q3：Radix Vue的Stepper组件如何使用？

A3：Stepper组件在v1.9.17中与Tree一同发布，官网示例显示三步流程：Address（添加地址）、Shipping（选择配送方式）、Checkout（确认订单），当前步骤显示为“Step 2 of 0”（示例数据未完整配置），开发者可通过属性控制步骤状态和导航。

更多同类工具与网站,可在Vue分类继续挑选。

信息核实于 2026年7月,具体以官网为准。