@react-aria

Adobe's React Aria is a comprehensive, style-free accessibility-first component library (50+ components) distributed via a shadcn-compatible registry with Tailwind CSS and Vanilla CSS examples. Components include DatePicker, Calendar, Table, SearchField, Modal, Combobox, Select, Checkbox, ToggleButton, Menu, Popover, Tooltip, and more, all with built-in WAI-ARIA behavior, adaptive interactions, and i18n/internationalization support. Backed by Adobe with strong long-term maintenance. Fully free and open-source. Use for: projects requiring top-tier accessibility, date/time pickers, or internationalization where you bring your own styling system and need battle-tested behavioral primitives.

60 components react shadcn-cli Apache-2.0

website ↗ github ↗ registry ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://react-aria.adobe.com/registry/registry.json

pnpm pnpm dlx shadcn@latest add https://react-aria.adobe.com/registry/registry.json

bun bunx shadcn@latest add https://react-aria.adobe.com/registry/registry.json

fetch registry curl -s https://react-aria.adobe.com/registry/registry.json

Components

60 total

tailwind style

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind.json

AlertDialog ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-alertdialog.json

Breadcrumbs ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-breadcrumbs.json

Button ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-button.json

Calendar ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-calendar.json

Checkbox ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-checkbox.json

CheckboxGroup ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-checkboxgroup.json

ColorArea ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorarea.json

ColorField ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorfield.json

ColorPicker ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorpicker.json

ColorSlider ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorslider.json

ColorSwatch ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorswatch.json

ColorSwatchPicker ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorswatchpicker.json

ColorThumb ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorthumb.json

ColorWheel ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-colorwheel.json

ComboBox ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-combobox.json

CommandPalette ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-commandpalette.json

DateField ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-datefield.json

DatePicker ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-datepicker.json

DateRangePicker ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-daterangepicker.json

Dialog ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-dialog.json

Disclosure ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-disclosure.json

DisclosureGroup ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-disclosuregroup.json

DropZone ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-dropzone.json

Field ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-field.json

FieldButton ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-fieldbutton.json

Form ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-form.json

GridList ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-gridlist.json

Link ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-link.json

ListBox ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-listbox.json

Menu ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-menu.json

Meter ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-meter.json

Modal ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-modal.json

NumberField ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-numberfield.json

Popover ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-popover.json

ProgressBar ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-progressbar.json

RadioGroup ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-radiogroup.json

RangeCalendar ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-rangecalendar.json

SearchField ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-searchfield.json

Select ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-select.json

Separator ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-separator.json

Slider ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-slider.json

Switch ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-switch.json

Table ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-table.json

Tabs ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-tabs.json

TagGroup ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-taggroup.json

TextField ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-textfield.json

TimeField ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-timefield.json

Toast ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-toast.json

ToggleButton ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-togglebutton.json

ToggleButtonGroup ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-togglebuttongroup.json

Toolbar ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-toolbar.json

Tooltip ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-tooltip.json

Tree ui

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-tree.json

utils lib

npx shadcn@latest add https://react-aria.adobe.com/registry/tailwind-utils.json

css style

npx shadcn@latest add https://react-aria.adobe.com/registry/css.json

Breadcrumbs ui

npx shadcn@latest add https://react-aria.adobe.com/registry/css-breadcrumbs.json

Button ui

npx shadcn@latest add https://react-aria.adobe.com/registry/css-button.json

Calendar ui

npx shadcn@latest add https://react-aria.adobe.com/registry/css-calendar.json

Checkbox ui

npx shadcn@latest add https://react-aria.adobe.com/registry/css-checkbox.json