Ariakit

Overview

Ariakit is an open-source React library of unstyled, primitive components for building accessible web apps. It focuses on the hard interactive patterns, such as comboboxes, menus, dialogs and composite widgets, and handles focus management, keyboard interaction and ARIA attributes so the visual design is entirely up to you.

Alongside the primitives, the Ariakit site has a collection of styled examples that can be copied into an app, covering dialogs, form controls, dropdowns, search and filtering patterns. It is maintained by Diego Haz, formerly the author of Reakit.

Features

• Unstyled primitives: Accessible behavior without imposed styles
• Form controls: Button, Checkbox, Combobox, Form and Select
• Overlays: Dialog, Menu, Popover, Hovercard and Tooltip
• Composite widgets: Toolbar, Tab and other roving-focus patterns
• Styled examples: Copy-paste examples such as command menus and nested dialogs
• Accessibility: Focus management, keyboard navigation and ARIA handled for you

Tech stack

• React, TypeScript

Getting started

npm install @ariakit/react