HUGE React Aria release! 🍿 🔍 Autocomplete: Command Palette, Searchable Select and Submenu examples 🆕 3 new components: Toast, Tree, and Virtualizer 🧩 Custom Menu/Popover/Tooltip triggers 🌉 Table colspan 👆 usePress interop, fixing 15+ issues 💨 Tailwind v4 📅 DatePicker RTL

This is the culmination of months of work by the team. Check out the release notes, and see the thread below for links to all the demos I've shared recently! 👇

Autocomplete makes it easy to build UI patterns like Command Palettes, combining a SearchField, Menu, and Dialog. No special command palette specific components, it's all built with composition. 🙂

You can also combine Autocomplete with other components, like Select.

We've also added support for submenus with more complex content, like an Autocomplete to filter items. You can really go wild with it and create multi-level nested submenus too. 🙂

Toast also comes to React Aria Components in this release! It supports animation with CSS View Transitions, so you can build stuff like this. 🪄

The Tree component is now stable! We've added Tailwind examples to our docs and starter kit as well. It supports all the features you'd expect: keyboard navigation, multi-selection, link items, disabled items, etc.

Virtualizer optimizes large collections, rendering only visible items to the DOM. It supports list, grid, waterfall, table, and custom layouts, manages accessibility, keyboard navigation, etc. Integrated via composition.

We added the <Pressable> and <Focusable> components, which can turn any element into an accessible menu, popover, or tooltip trigger. This lets you reuse existing components, or mix with other libraries more easily.

We've also done a major refactor to usePress, which powers nearly all of our components. This improves compatibility with other libraries, eliminating unintended side effects of preventDefault, and fixing over 15 open issues. 🥳

We also upgraded to Tailwind CSS v4 across all of our documentation, our Tailwind plugin, and our starter kit.

That's a lot, but it's not all! We added colSpan support to Table, fixed date and time formatting in RTL locales, added support for tooltips on Tags and Tabs, simplified our Popover API, and much more. 😲 Check out the release notes for all the details!

I just launched an all-in-one template for cross-platform development, based on the stack I use myself everyday. Expo, NextJS, TypeScript, Tailwind, Firebase, AppsFlyer, Authentication, Analytics, In-App Purchases, Stripe and a lot more, setup by default.