跳到正文
前端学习导航站
English (语言)

推荐一个站点

填个名字和网址,提交后会在 GitHub 打开推荐页,确认后即完成推荐。

React Aria

Adobe 的无头无障碍组件库:交互、无障碍、国际化全内置,样式自己写

内容更新日期 · 2026-10-13

What is it · 它是什么

什么是 React Aria

React Aria 是 Adobe 开源维护的无头(headless)、无样式 React 组件库:50+ 组件把交互行为、键盘/触屏/读屏器适配、30+ 语言国际化(含 RTL、13 种日历)全部做好,样式完全留给开发者。做设计系统或对无障碍、国际化有硬要求的团队,它是事实标准之一——和站里 zag(状态机逻辑库)是天作之合:一个给行为,一个给样式自由。

How to use · 怎么用

怎么用 React Aria

  1. 按组件查文档,每个都有无障碍与国际化说明。
  2. 用底层 Hooks API 自由组合非标准组件。
  3. 配合 zag 或自写样式层搭设计系统。

Key features · 核心特点

React Aria 的核心特点

  • 50+ 无头组件,样式完全自定义
  • 无障碍与国际化(30+ 语言/RTL/多日历)内置
  • 底层 Hooks 支持自由组合
  • Adobe 维护,MIT 开源

同类推荐

内容型网站的首选框架:默认零 JS,需要交互的地方才插 React/Vue 岛屿

全球最流行的前端框架:v6 开始 CSS-first 主题化、组件翻新,连 AI 助手都有专属文档