React Aria
DocsReleasesBlog
React Aria
Overview
Getting started
Examples
Components
Autocomplete
Breadcrumbs
Button
Calendar
Checkbox
CheckboxGroup
ColorArea
ColorField
ColorPicker
ColorSlider
ColorSwatch
ColorSwatchPicker
ColorWheel
ComboBox
DateField
DatePicker
DateRangePicker
Disclosure
DisclosureGroup
DropZone
FileTrigger
Form
GridList
Group
Link
ListBox
Menu
Meter
Modal
NavigationTree
NumberField
Popover
PreviewTrigger
ProgressBar
RadioGroup
RangeCalendar
SearchField
Select
Separator
Slider
Switch
Table
Tabs
TagGroup
TextField
TimeField
Toast
ToggleButton
ToggleButtonGroup
TokenField
Toolbar
Tooltip
Tree
Virtualizer
Guides
Interactions
Internationalized
Utilities

Examples

  • Emoji PickerWith autocomplete, virtualized scrolling, and keyboard navigation.
  • Filterable CRUD TableTable with search, filters, column resizing, and form validation.
  • Gesture Driven SheetAn iOS-style gesture driven modal sheet built with Framer Motion.
  • iOS List ViewA GridList with Framer Motion swipe gestures and layout animations.
  • Kanban BoardA kanban board with accessible drag and drop, styled with Tailwind CSS.
  • Photo LibraryVirtualized photo grid, view transitions, folder tree, search, and drag and drop.
  • Ripple ButtonA button with an animated ripple effect styled with Tailwind CSS.
  • Swipeable TabsWith CSS scroll snapping, scroll-driven animations, and anchor positioning.

  • Copyright © 2026 Adobe. All rights reserved.
  • Privacy
  • Terms of Use
  • Cookies
  • Do not sell my personal information