React Aria
Adobe's accessibility and interaction layer, hooks first
React Aria is Adobe's library of hooks and components implementing the behaviour and accessibility of a wide component set, including internationalisation, right to left layouts, date and number formatting, and touch and pointer handling that most libraries treat as an afterthought.
Best for when
- the interface must work in right to left languages and multiple locales
- accessibility is audited rather than assumed
- you want hooks, not markup, so you control every element
Watch out for
- the learning curve is the steepest on this shelf
- the abstraction is heavy for a simple project
- bundle size needs attention if you pull in large parts of the collection
Install
Install
pnpm add react-aria-componentsThe internationalisation story is the differentiator
React Aria handles locale aware dates, numbers, collation and right to left layout as a first class concern rather than a plugin. If your interface has to work in Arabic as well as English, this is the library that has already thought about it.
The hooks give you behaviour with no markup at all, which means you control every element. The component layer sits on top for when you do not need that much control.
The cost of that depth
It is the largest and most abstract option on this shelf. Reading the documentation is a real investment, and the hooks API asks you to understand its model before you can build a button.
That investment pays off on a long lived product with accessibility and localisation requirements, and is hard to justify for a marketing site.
On the same shelf
shadcn/ui
Components you copy into your repository and then own outright
21st.dev
A searchable marketplace of community components with a prompt for each one
Radix Primitives
Unstyled, accessible behaviour for the components that are hard to get right