跳到内容
分享网

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

设计素材 Web 7 天前更新 浏览 1 ↓ 直达下载
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,想了解其底层依赖的人

怎么开始

  1. 执行 npm install reka-ui 安装无头组件库。
  2. 它是无头组件,只提供交互与无障碍,不带样式。
  3. 被 shadcn-vue 当作底层依赖,做设计系统用它。
  4. 覆盖 Dialog、Menu、Tabs、Tooltip、Slider 等原语。
  5. 样式需全部自己写,前期投入大但完全可控。

常见问题

它给样式吗?
不给,只做交互行为与无障碍,视觉要你自己写。

和 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/