https://github.com/ariakit/ariakit

Toolkit for building accessible web apps with React
https://github.com/ariakit/ariakit

a11y accessibility accessible aria ariakit components react reactjs reakit wai-aria

Last synced: 3 days ago
JSON representation

Toolkit for building accessible web apps with React

• Host: GitHub
• URL: https://github.com/ariakit/ariakit
• Owner: ariakit
• License: mit
• Created: 2017-09-19T22:00:42.000Z (about 7 years ago)
• Default Branch: main
• Last Pushed: 2024-12-05T17:23:47.000Z (7 days ago)
• Last Synced: 2024-12-05T18:26:09.949Z (7 days ago)
• Topics: a11y, accessibility, accessible, aria, ariakit, components, react, reactjs, reakit, wai-aria
• Language: TypeScript
• Homepage: https://ariakit.org
• Size: 106 MB
• Stars: 7,913
• Watchers: 55
• Forks: 372
• Open Issues: 126
• Metadata Files:
  • Readme: readme.md
  • Changelog: CHANGELOG.md
  • Contributing: contributing.md
  • Funding: .github/funding.yml
  • License: license
  • Code of conduct: code_of_conduct.md

Awesome Lists containing this project

• awesome-react-cn - reakit - Accessible, Composable and Customizable components for React (Uncategorized / Uncategorized)
• awesome-github-repos - ariakit/ariakit - Toolkit for building accessible web apps with React (TypeScript)
• awesome-github-star - ariakit
• awesome-react-components - reakit - [demo/docs](https://reakit.io/docs/button/) Toolkit for building accessible rich web apps (UI Frameworks / Responsive)
• best-of-react - GitHub - 14% open · ⏱️ 04.06.2024): (UI Frameworks & Libraries)
• awesome-made-by-brazilians - ariakit
• fucking-awesome-react-components - reakit - 🌎 [demo/docs](reakit.io/docs/button/) Toolkit for building accessible rich web apps (UI Frameworks / Responsive)
• awesome-react - ariakit - Toolkit for building accessible web apps with React (**Awesome React** [](https://github.com/sindresorhus/awesome) / React)
• jimsghstars - ariakit/ariakit - Toolkit for building accessible web apps with React (TypeScript)

README

        
Ariakit




  Toolkit for building accessible web apps with React.

  


  Explore website »








  

    

  

  

    

  

  

    

  

  


  

    

  

   

  

    

  

   

  

    

  






## Installation

npm:

```

npm i @ariakit/react

```

pnpm:

```

pnpm add @ariakit/react

```

Yarn:

```

yarn add @ariakit/react

```

## Usage

```jsx

import { useState } from "react";

import { createRoot } from "react-dom/client";

import { Button, Dialog, DialogHeading } from "@ariakit/react";

function App() {

  const [open, setOpen] = useState(false);

  return (

    <>

       setOpen(true)}>Open dialog

       setOpen(false)}>

        Ariakit

        
Welcome to Ariakit!

      

    >

  );

}


createRoot(document.getElementById("root")).render();

```

## Core Team

- [Diego Haz](https://x.com/diegohaz)

- [Ben Rodri](https://x.com/benrodrs)

## Attribution

Browser testing provided by



## Contributing

Follow the instructions on the [contributing guide](https://github.com/ariakit/ariakit/blob/main/contributing.md).