React Aria
DocsReleasesBlog
React Aria
Overview
  • Getting started
  • Examples

  • 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
  • NumberField
  • Popover
  • ProgressBar
  • RadioGroup
  • RangeCalendar
  • SearchField
  • Select
  • Separator
  • Slider
  • Switch
  • Table
  • Tabs
  • TagGroup
  • TextField
  • TimeField
  • Toast
  • ToggleButton
  • ToggleButtonGroup
  • Toolbar
  • Tooltip
  • Tree
  • Virtualizer

  • Collections
  • Customization
  • Drag and Drop
  • Forms
  • Framework setup
  • Quality
  • Selection
  • Styling
  • Testing
  • Working with AI

  • FocusRing
  • FocusScope
  • useClipboard
  • useDrag
  • useDrop
  • useFocus
  • useFocusRing
  • useFocusVisible
  • useFocusWithin
  • useHover
  • useKeyboard
  • useLandmark
  • useLongPress
  • useMove
  • usePress

Numbers
  • Internationalized Number
  • NumberFormatter
  • NumberParser
Date and Time
  • Internationalized Date
  • Calendar Interface
  • CalendarDate
  • CalendarDateTime
  • DateFormatter
  • Time
  • ZonedDateTime

  • I18nProvider
  • mergeProps
  • PortalProvider
  • SSRProvider
  • useCollator
  • useDateFormatter
  • useField
  • useFilter
  • useId
  • useIsSSR
  • useLabel
  • useLocale
  • useNumberFormatter
  • useObjectRef
  • VisuallyHidden

Framework setup

Learn how to integrate React Aria with your framework.

Next.js
React Router
Parcel
Vite
webpack
Rollup
ESBuild
Next.js
React Router
Parcel
Vite
webpack
Rollup
ESBuild

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