Browse accessible React components for forms, navigation, overlays, data display, and feedback. Explore examples, APIs, and keyboard interactions.
Start with any of the 58 documented components below. Each reference includes usage examples and implementation guidance. New to Aria UI? Install your first component or read the accessibility guide.
A vertically stacked set of interactive headings that each reveal an associated section of content.
Displays a brief, important message in a way that attracts the user's attention without interrupting the user's task.
A modal dialog that interrupts the user with important content and expects a response. Renders above the page and blocks interaction until dismissed.
Displays content within a desired width-to-height ratio.
An image element with a fallback for representing the user.
A minimal headless wrapper for status labels, counts, and tags.
Displays the path to the current resource using a hierarchy of links.
A composable button primitive for actions, links, and custom elements.
Button groups allow you to group multiple related buttons together into a single cohesive unit.
A grid-backed calendar for single-date and range selection with keyboard navigation and selection modes.
A composable content container with Header, Title, Description, Content, and Footer parts.
A carousel is a set of items, often images, that users can navigate through.
An accessible checkbox with support for indeterminate state, group composition, and form integration.
A composable searchable selection primitive with filtering, keyboard navigation, and single or multi-select modes.
A headless command palette with search filtering, keyboard navigation, and grouped options.
A headless, accessible context menu triggered by right-click with keyboard navigation, submenus, and grouped items.
A composable date picker with masked input, popup calendar, and support for single, range, and dual-range selection.
A headless, accessible modal dialog with focus trapping, keyboard dismissal, and composable parts.
A headless, accessible disclosure (collapsible) primitive for toggling content visibility.
A headless, accessible slide-out drawer panel with focus trapping, scroll lock, and directional positioning.
A headless, accessible dropdown menu with submenus, checkbox and radio items, typeahead, and full keyboard navigation.
Empty-state layouts for no-data, no-results, and first-run product screens.
The Form component provides a comprehensive way to collect and validate user input.
A headless, accessible grid primitive with roving tabindex, cell selection, and full keyboard navigation following the WAI-ARIA Grid pattern.
A headless, accessible hover card for showing rich preview content when a trigger is hovered or focused.
A native text input primitive with controlled and uncontrolled value handling.
A composition pattern for attaching text, icons, and actions to an input.
A one-time passcode input with split slots, paste support, and SMS autofill.
A flexible item layout for lists, feeds, and activity rows.
A keyboard input display primitive for shortcuts and key labels.
A native label primitive for naming form controls.
An accessible listbox with single and multiple selection, grouping, and typeahead.
An accessible horizontal menubar with menus, submenus, and selection items.
An accessible navigation menu with rich content panels, nested submenus, and keyboard support.
A headless, accessible pagination primitive with Previous, Next, page links, and ellipsis.
A headless, accessible popover with smart positioning, optional arrow, and optional modal focus trap.
A headless, accessible progressbar with ARIA state and a CSS-variable-driven indicator.
A headless, accessible radio group with roving tabindex, arrow-key selection, and native form support.
A headless scroll area primitive that keeps native browser scrolling while exposing composable parts.
A headless, accessible select built on the WAI-ARIA Listbox pattern with single/multiple selection and nested submenus.
A semantic or decorative divider for separating content.
Headless icon-rail collapsible sidebar primitive.
Headless loading placeholder that can wrap pending content.
A headless, accessible slider with single- or multi-thumb selection, keyboard support, and horizontal/vertical orientation.
A headless, accessible spinbutton with keyboard support, configurable step, and auto-bounded Increment/Decrement.
An accessible loading status primitive with SVG and composition support.
A headless, accessible splitter for building resizable panel layouts with pointer, keyboard, and nesting support.
A headless, accessible switch for toggling a single on/off value with full keyboard and native form support.
A structural, stateless table primitive built on native HTML table semantics with composable parts for header, body, footer, rows, cells, and captions.
A headless, accessible tabs primitive with automatic activation, roving tabindex, and composable Root, List, Trigger, Panel, and Content parts.
A thin, headless wrapper around the native textarea element with controlled/uncontrolled value support and a string-typed change callback.
A headless, accessible toast system with an imperative global queue, polite live-region announcements, and focus-friendly auto-dismiss.
A standalone pressed button primitive with controlled and uncontrolled state.
Grouped toggle primitives with single and multiple selection state.
A positioned descriptive surface shown on hover or focus. The trigger keeps focus and the tooltip is exposed via aria-describedby.
A hierarchical grid primitive combining tree disclosure with grid cell navigation. Supports row-level and cell-level focus modes, single and multi-select, and keyboard-driven expand/collapse.
A hierarchical list of expandable items with roving keyboard navigation. Supports single and multi-select, controlled and uncontrolled expansion and selection.
A drop zone and file list that manages client-side file selection, per-file XHR uploads, and aggregate state transitions with a built-in live region for assistive technology.