In the next release of React Aria, tab panels support entry and exit animations (e.g. cross fade), as well as smooth height transitions. 🎉

Built a React Aria Calendar with swipe gestures to navigate between months! Uses CSS scroll snap for native 120fps animations, with a neat trick to enable infinite scrolling in both directions. 👇

stackblitz.com/edit/rac-swi...

Thanks! It animates too. 😉

Big React Aria release! 🚀

🥳 Multi Select!
🎬 ComboBox onAction prop, e.g. "create" item
➡️ Disclosure animation
✅ New SelectionIndicator component – animations in Tabs, ToggleButtonGroup, etc.
📱 Improved modal behavior in iOS 26
📆 Calendar selectionAlignment

react-spectrum.adobe.com/releases/202...

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉

stackblitz.com/edit/rac-swi...

You can add a "Create" option to a React Aria ComboBox in just a few lines of code.

stackblitz.com/edit/szjf6ul...

I think I finally found a solution to reliably prevent scrolling behind modals on iOS! 😲

Works when tapping inputs, with different keyboard sizes, when the address bar is collapsed or expanded, programmatic focus, dialog scroll animations, etc.

Coming soon to React Aria! 🎉

Animating React Aria Tabs, ToggleButtonGroup, etc. is about to be super easy with the new SelectionIndicator component. 🥳

• Native CSS transitions, no animation library needed.
• Works with SSR with no flicker before JS runs.
• No ResizeObserver.
• Enter + exit animations.

In the next release of React Aria, disclosures are animatable with 2 lines of code. 🎉

height: var(--disclosure-panel-height);
transition: height 200ms;

Works with browser page search too!

Recreated the Apple Photos UI with React Aria in just ~200 lines! Complete with virtualized scrolling, view transitions, adjustable waterfall layout, folder tree, search, multi-selection, and accessible drag and drop.

Just one of the demos I'm planning for the new docs. 🙂

Autocomplete now works with more types of collection components, including GridList, Table, and TagGroup. Just wrap them in Autocomplete + SearchField, and they become filterable!

<Autocomplete>
<SearchField />
<Table />
</Autocomplete>

You can now wrap GridListItems in a <GridListSection> to create groupings with non-focusable headers. We're working on supporting sections in Tree and Table next.

Origin-aware animations make scale transitions appear more natural. Instead of scaling from the center of the popover, they "emerge" from the trigger. This accounts for flipping, window collisions, arrow offset, etc.

Now 1 line:
transform-origin: var(--trigger-anchor-point);

Built an emoji picker with autocomplete, virtualized scrolling, and arrow key navigation using React Aria in ~50 lines. 😎

Combines Select, Popover, Autocomplete, SearchField, Virtualizer, and ListBox. Composition ftw!

stackblitz.com/edit/react-a...

The new React Aria docs will have interactive prop controls that update both the component and the code. Configure, test, and copy into your app!