React Aria
Beta Preview
Docs
Releases
Blog
Overview
Home
Examples
Getting started
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
NumberField
Popover
ProgressBar
RadioGroup
RangeCalendar
SearchField
Select
Slider
Switch
Table
Tabs
TagGroup
TextField
TimeField
Toast
ToggleButton
ToggleButtonGroup
Toolbar
Tooltip
Tree
Virtualizer
Interactions
FocusRing
FocusScope
useClipboard
useDrag
useDrop
useFocus
useFocusRing
useFocusVisible
useFocusWithin
useHover
useKeyboard
useLandmark
useLongPress
useMove
usePress
Internationalized
Date and Time
Introduction
Calendar
CalendarDate
CalendarDateTime
DateFormatter
Time
ZonedDateTime
Numbers
Introduction
NumberFormatter
NumberParser
Utilities
I18nProvider
mergeProps
PortalProvider
SSRProvider
useCollator
useDateFormatter
useField
useFilter
useId
useIsSSR
useLabel
useLocale
useNumberFormatter
useObjectRef
VisuallyHidden
Guides
Collections
Customization
Drag and Drop
Forms
Framework setup
MCP Server
Quality
Selection
Styling
Examples
Emoji Picker
With autocomplete, virtualized scrolling, and keyboard navigation.
Filterable CRUD Table
Table with search, filters, column resizing, and form validation.
Gesture Driven Sheet
An iOS-style gesture driven modal sheet built with Framer Motion.
iOS List View
A GridList with Framer Motion swipe gestures and layout animations.
Kanban Board
A kanban board with accessible drag and drop, styled with Tailwind CSS.
Photo Library
Virtualized photo grid, view transitions, folder tree, search, and drag and drop.
Ripple Button
A button with an animated ripple effect styled with Tailwind CSS.
Swipeable Tabs
With CSS scroll snapping, scroll-driven animations, and anchor positioning.