Reka UI(前身 Radix Vue)是由 unovue 团队开源的 Vue 3 无头(Headless)组件库,专为构建 高可访问、高度定制化 的设计系统而诞生。它只提供交互逻辑与状态管理,不附带任何默认样式,让开发者对 UI 拥有 100% 的控制权。
1、无头架构,样式完全自由:组件不带 CSS,通过 `data-state` 等属性暴露状态,可用 Tailwind、CSS Modules、Sass 任意方式实现视觉层,告别 `::v-deep` 样式穿透困扰 。
2、可访问性优先:严格遵循 WAI-ARIA 规范,内置焦点管理、键盘导航、屏幕阅读器支持,无需额外适配即可通过 WCAG 标准 。
3、高性能虚拟化:Combobox、ListBox、Tree 等长列表组件 内置虚拟滚动,支持动态行高、预渲染数量、搜索过滤,一次可渲染万级数据而无卡顿 。
4、动画友好:提供 `data-state="open|closed"` 状态机,组件在动画结束后再卸载节点,轻松实现淡入淡出、滑动等过渡效果,无需手动监听 transitionend 。
5、TypeScript 原生 + Tree-Shaking:全量 `.d.ts` 类型定义,支持 Volar 智能提示;模块化导出,按需引入,最小打包仅数 KB 。
6、双重状态模式:同一组件可切换 受控 或 非受控 模式,API 一致,既可快速原型,也能深度封装业务组件 。
7、跨框架/跨平台:原生支持 Vue 3 Composition API,兼容 Nuxt 3 SSR;与 React Aria、Floating UI 等底层库同构设计,方便未来迁移或混合技术栈 。
8、生态丰富:社区已基于 Reka UI 推出 Shadcn-vue、Inspira UI 等风格化套件,复制即可用,兼顾"无头自由"与"开箱即用" 。
本站AI工具导航站提供的「Reka UI」的相关内容都来源于网络,不保证外部链接的准确性和完整性。在2025年10月17日 08时13分19秒收录时,该网站上的内容都属于合规合法,后期网站的内容如出现违规,可以直接联系网站管理员(ai@ipkd.cn)进行删除,AI工具导航站不承担任何责任。在浏览网页时,请注意您的账号和财产安全,切勿轻信网上广告!