介绍
一个开源的 UI 组件库,用于使用 Vue.js 构建高质量、可访问的设计系统和 Web 应用。
✨ 品牌重塑:Reka UI ✨
隆重推出 Reka UI,这是 Radix Vue 在 v2 版本演变中的全新身份。
Reka(发音为 /ree·kuh/)在马来语中意为“设计”,同时也呼应了“尤里卡”(Eureka)。
Reka UI 致力于提供一个低级别 UI 组件库,专注于可访问性、定制化和开发者体验。您可以将这些组件作为设计系统的基础,或是逐步集成它们。
查看发布说明请点击此处
对品牌重塑感到好奇?请在此讨论中查看公告。
我们的原则
可访问性优先
可访问性是 Reka UI 的核心。我们的组件遵循 WAI-ARIA 设计模式,以确保所有用户,无论能力如何,都能有效地与您的 UI 交互。我们处理复杂的可访问性细节,如 aria 属性、键盘导航和焦点管理,以简化开发者的工作。
可定制且无样式
Reka UI 组件不附带样式,为开发者提供了完全的自由,可以使用任何 CSS 解决方案(原生 CSS、预处理器或 CSS-in-JS 库)来自行设计样式。我们的开放组件架构允许您根据需要包装、扩展或修改每个组件。更多内容请参阅我们的样式指南。
开放与模块化
我们的组件设计开放且适应性强,允许您自定义每个元素以满足需求。无论是添加事件监听器、属性还是引用,Reka UI 都提供了对每个组件内部工作的细粒度访问。
灵活的状态管理
Reka UI 组件默认是非受控的,但在需要时也可以完全受控。这种方法允许开发者决定所需的状态管理级别,在灵活性和易用性之间取得平衡。
以开发者为中心的体验
我们通过保持一致且可预测的 API 来优先考虑开发者体验。Reka UI 是完全类型化的,并以简洁性为设计理念,确保组件易于使用和集成。我们的 asChild 属性允许完全控制渲染元素,增强了灵活性。
性能与 Tree-Shaking
我们的库在设计时考虑了性能。所有组件都被编译到一个包中,使安装变得简单直接,并且通过 tree-shaking 确保任何未使用的组件不会增加您的包大小。
Reka UI 的灵感来源于 Radix UI 的原则和目标,共同致力于可访问性、定制化和开发者友好的设计。
由 Vue 爱好者构建 💚
致谢
所有荣誉归功于以下开源作品和资源:
- Radix UI - https://radix-ui.com
- React Aria - https://react-spectrum.adobe.com/react-aria
- Floating UI - https://floating-ui.com
- VueUse - https://vueuse.org
- HeadlessUI - https://headlessui.com
- Ariakit - https://ariakit.org/






























































































































































































