React Aria
DocsReleasesBlog
Overview
  • Home
  • Examples
  • Getting started

  • 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
  • Slider
  • Switch
  • Table
  • Tabs
  • TagGroup
  • TextField
  • TimeField
  • ToggleButton
  • ToggleButtonGroup
  • Toolbar
  • Tooltip
  • Tree
  • Virtualizer

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

Date and Time
  • Introduction
  • Calendar
  • CalendarDate
  • CalendarDateTime
  • DateFormatter
  • Time
  • ZonedDateTime
Numbers
  • Introduction
  • NumberFormatter
  • NumberParser

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

  • Collections
  • Customization
  • Drag and Drop
  • Forms
  • Framework setup
  • MCP Server
  • Quality
  • Selection
  • Styling

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 © 2025 Adobe. All rights reserved.
  • Privacy
  • Terms of Use
  • Cookies
  • Do not sell my personal information