# react-aria

> Spectrum UI components in React

Latest version **3.52.1** (published 2026-09-04) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install react-aria
pnpm add react-aria
yarn add react-aria
bun add react-aria
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; popular repo.

Warnings: low downloads; large bundle.

## Facts

| | |
|---|---|
| Version | 3.52.1 |
| Published | 2026-09-04 |
| First published | 2016-07-04 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 9 |
| Unpacked size | 14.9 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 15853 |
| Maintainers | devongovett, aspro83 |

## Links

- npm: https://www.npmjs.com/package/react-aria
- Repository: https://github.com/adobe/react-spectrum
- Homepage: https://github.com/adobe/react-spectrum#readme
- Issues: https://github.com/adobe/react-spectrum/issues
- npm.io page: https://npm.io/package/react-aria

## Dependencies (9)

- [clsx](https://npm.io/package/clsx.md) ^2.0.0
- [aria-hidden](https://npm.io/package/aria-hidden.md) ^1.2.3
- [@swc/helpers](https://npm.io/package/@swc/helpers.md) ^0.5.0
- [react-stately](https://npm.io/package/react-stately.md) 3.50.0
- [@react-types/shared](https://npm.io/package/@react-types/shared.md) ^3.36.1
- [@internationalized/date](https://npm.io/package/@internationalized/date.md) ^3.12.4
- [use-sync-external-store](https://npm.io/package/use-sync-external-store.md) ^1.6.0
- [@internationalized/number](https://npm.io/package/@internationalized/number.md) ^3.6.8
- [@internationalized/string](https://npm.io/package/@internationalized/string.md) ^3.2.10

## Recent versions

- 3.52.1 (latest) — 2026-09-04
- 3.0.0-nightly-16eead67e-260928 (nightly) — 2026-09-28
- 3.0.0-nightly-16eead67e-260927 — 2026-09-27
- 3.0.0-nightly-16eead67e-260926 — 2026-09-26
- 3.0.0-nightly-956ecbcb8-260925 — 2026-09-25
- 3.0.0-nightly-337f6a15a-260924 — 2026-09-24
- 3.0.0-nightly-f1cee8374-260923 — 2026-09-23
- 3.0.0-nightly-8ae29fa17-260922 — 2026-09-22
- 3.0.0-nightly-8ae29fa17-260921 — 2026-09-21
- 3.0.0-nightly-8ae29fa17-260920 — 2026-09-20
- 3.0.0-nightly-8ae29fa17-260919 — 2026-09-19
- 3.0.0-nightly-90ff0c6d6-260918 — 2026-09-18
- 3.0.0-nightly-be5bcc375-260917 — 2026-09-17
- 3.0.0-nightly-4693fcc84-260916 — 2026-09-16
- 3.0.0-nightly-4693fcc84-260915 — 2026-09-15
- … 1334 more at https://npm.io/package/react-aria/versions

## README

# [React Aria](https://react-spectrum.adobe.com/react-aria/hooks.html)

A library of React Hooks that provides accessible UI primitives for your design system.

## Features

* ♿️ **Accessible** – React Aria provides accessibility and behavior according to [WAI-ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices-1.2/), including full screen reader and keyboard navigation support. All components have been tested across a wide variety of screen readers and devices to ensure the best experience possible for all users.
* 📱 **Adaptive** – React Aria ensures consistent behavior, no matter the UI. It supports mouse, touch, keyboard, and screen reader interactions that have been tested across a wide variety of browsers, devices, and platforms.
* 🌍 **International** – React Aria supports over 30 languages, including right-to-left-specific behavior, internationalized date and number formatting, and more.
* 🎨 **Fully customizable** – React Aria doesn’t implement any rendering or impose a DOM structure, styling methodology, or design-specific details. It provides behavior, accessibility, and interactions and lets you focus on your design.

## Getting started

The easiest way to start building a component library with React Aria is by following our [getting started](https://react-spectrum.adobe.com/react-aria/hooks.html) guide. It walks through all of the steps needed to install the hooks from npm, and create your first component.

### Example

Here is a very basic example of using React Aria.

```jsx
import {useButton} from '@react-aria/button';

function Button(props) {
  let ref = React.useRef();
  let {buttonProps} = useButton(props, ref);

  return (
    <button {...buttonProps} ref={ref}>
      {props.children}
    </button>
  );
}

<Button onPress={() => alert('Button pressed!')}>Press me</Button>
```

## Learn more

React Aria is part of a family of libraries that help you build adaptive, accessible, and robust user experiences.
Learn more about [React Spectrum](https://react-spectrum.adobe.com/react-spectrum/index.html) and [React Stately](https://react-spectrum.adobe.com/react-stately/index.html) on [our website](https://react-spectrum.adobe.com/index.html).

---
_Source: https://npm.io/package/react-aria · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._