Reka UI:Vue 无头组件库,只做交互与无障碍

Reka UI 是 Vue 版的无头组件库(原名 Radix Vue),不提供任何样式,只做交互行为与无障碍。它覆盖对话框、菜单、下拉、标签页等常见交互原语,是 shadcn-vue 的底层依赖。
它解决什么问题
自建设计系统时,现成组件库自带的样式反而是负担,你只想拿到可靠的交互与无障碍行为。
但从零写对话框、菜单的无障碍与键盘交互极其繁琐,容易出可用性问题。
核心能力
| 能力 | 具体能做到什么 |
|---|---|
| 无头零样式 | 只做交互行为与无障碍,不替你决定视觉 |
| 交互原语全 | Dialog、Menu、Tabs、Tooltip、Slider 等覆盖常见 |
| 无障碍可靠 | 键盘导航与 ARIA 规范到位,可达性省心 |
| shadcn 底层 | 是 shadcn-vue 的底层依赖,生态验证充分 |
| 可建设计系统 | 适合自建设计系统的团队,底层交互交给你 |
| MIT 免费 | 开源免费,可商用,不限制上层设计与商用 |
无头库的定位
Reka UI(原名 Radix Vue)只提供交互行为与无障碍,不给你任何样式。它是 shadcn-vue 的底层依赖,覆盖对话框、菜单、下拉、标签页、滑块等原语。
适合要自建设计系统的 Vue 团队——底层可靠交互交给你,视觉完全自定义。边界也很明显:样式全部自己写,前期投入大,小项目直接上成品库更划算。
同类工具怎么选
| 工具 | 授权 | 差别在哪 |
|---|---|---|
| Element Plus | MIT 免费 | 带完整样式,开箱即用但不可控 |
| shadcn-vue | MIT 免费 | 建在 Reka UI 之上的成品组件集合 |
| Naive UI | MIT 免费 | 成品库,省去自建样式与交互 |
谁适合用
- 要自建设计系统的 Vue 团队
- 需要可靠无障碍交互原语、不要样式束缚
- 用 shadcn-vue,想了解其底层依赖的人
怎么开始
- 执行 npm install reka-ui 安装无头组件库。
- 它是无头组件,只提供交互与无障碍,不带样式。
- 被 shadcn-vue 当作底层依赖,做设计系统用它。
- 覆盖 Dialog、Menu、Tabs、Tooltip、Slider 等原语。
- 样式需全部自己写,前期投入大但完全可控。
常见问题
它给样式吗?
不给,只做交互行为与无障碍,视觉要你自己写。
和 Radix Vue 关系?
就是改名后的 Radix Vue,API 延续,现名 Reka UI。
谁会用它?
要自建设计系统的团队,或 shadcn-vue 这类上层库的底层。
收费吗?
MIT 免费开源,可商用,不限制你的上层设计。
授权与合规
采用 MIT 协议开源免费,可商用、可修改、可再分发;作为无头库不限制你的上层设计与商用。 官网:reka-ui.com。
资源信息
界面语言
英文
授权方式
开源免费
适用平台
Web
获取方式
直链下载
资源更新
2026-09-19
页面更新
2026-09-11
↓ 获取资源
点击下方按钮直接开始下载。
立即下载
直链
https://reka-ui.com/