← All libraries

Library

React Aria

Adobe's headless, accessibility-first primitives — ~50 components (Tabs, Dialog, Button, ComboBox, DatePicker, ListBox, Tree, etc.). Unstyled by default, you bring your own Tailwind. WCAG-compliant out of the box. The headless layer many other libraries are starting to build on.

https://react-spectrum.adobe.com/react-aria/ · Free · Apache 2.0 · 37 components installed

Tabs

Headless tabs with full keyboard support.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Dialog

Modal dialog with focus trap.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Button

Accessible button with state data-attrs.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Switch

Toggle switch (role=switch).

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Checkbox

Checkbox with indeterminate state.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

CheckboxGroup

Group of checkboxes with validation.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Radio + RadioGroup

Radio buttons with group control.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Slider

Single + range slider.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

ComboBox

Autocomplete input with filtered list.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Select

Select with popover listbox.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

ListBox

Standalone listbox with multi-select.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Menu

Dropdown menu with sections + items.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Tooltip

Tooltip with smart positioning.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Popover

Anchored popover with arrow + positioning.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

ProgressBar

Determinate + indeterminate progress.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Meter

Display value within a known range.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Breadcrumbs

Navigation breadcrumbs with aria-current.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Link

Accessible link with state data-attrs.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Calendar

Standalone calendar with i18n support.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

RangeCalendar

Calendar with date range selection.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

DatePicker

Date picker with segmented input + calendar popover.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

DateRangePicker

Date range picker.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

DateField

Date input as segmented field.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

TimeField

Time input as segmented field.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

ColorPicker

Full color picker (area, slider, swatch, etc).

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

TextField

Input with label, description, validation.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

NumberField

Numeric input with stepper buttons.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

SearchField

Search input with clear button.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Toolbar

Group of related controls with keyboard nav.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

TagGroup

Removable tag chips.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Disclosure

Accordion-style expand/collapse.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Tree

Hierarchical tree view with expansion + selection.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Table

Accessible table with row/column selection + sort.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

GridList

List that supports keyboard grid navigation.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

DropZone

File drag-and-drop target.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

FileTrigger

Accessible file picker trigger.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components

Form

Form wrapper with validation propagation.

9:41●●● 100%

Preview not yet wired

Source is installed. Add a demo at app/libraries/[library]/demos/<slug>.tsx to render it here.

pnpm add react-aria-components

Source: react-aria-components