React Aria Components

Overview

React Aria Components is a library of unstyled, accessible components from Adobe. Each component implements W3C ARIA patterns with built-in keyboard navigation, focus management, internationalization, and screen reader support — you bring your own styles.

Setup

npm install react-aria-components

Composition Model

Every component maps 1:1 to a DOM element. Build complex widgets by composing parts:

import { Button, Dialog, DialogTrigger, Heading, Modal, ModalOverlay } from "react-aria-components";