Reakit symbol


Toolkit for building accessible rich web apps with React.
Explore website »

Reakit thumbnail

NPM version NPM downloads Build Status Coverage Status
Sponsors Backers Spectrum Follow Reakit on Twitter


By donating $5 or more you help in the development of this project. Thank you to all our supporters! 🙏


Reakit v1 is still in beta. It's more stable than v0, thus the master branch, the website and the latest tag in npm are pointing to it. If you're looking for v0, see v0 branch, v0 docs and the migration guide.


npm i reakit


yarn add reakit

Thanks to @nosebit for the package name on npm.


import React from "react";
import ReactDOM from "react-dom";
import { useDialogState, Dialog, DialogDisclosure } from "reakit";

function App() {
  const dialog = useDialogState();
  return (
      <DialogDisclosure {...dialog}>Open dialog</DialogDisclosure>
      <Dialog aria-label="Welcome" {...dialog}>
        Welcome to Reakit!

ReactDOM.render(<App />, document.getElementById("root"));

Play with this on CodeSandbox and read the documentation to learn more.


This project exists thanks to all the people who contribute.


MIT © Diego Haz