# Installation

Install the adapter for your framework with your preferred package manager:

```sh
npm i @tanstack/react-hotkeys
```

Each framework package re-exports everything from the core `@tanstack/hotkeys` package, so you don't need to install the core package separately.

> [!NOTE]
> If you are not using a framework, you can install the core `@tanstack/hotkeys` package directly for use with vanilla JavaScript.

Use React 18 or newer. The hooks and `HotkeysProvider` are client components, so a server component such as a Next.js `app/layout.tsx` can render `HotkeysProvider` directly.

Start with the [Quick Start](./framework/react/quick-start) guide. If you want the integrated devtools panel, also install:

```sh
npm i @tanstack/react-devtools
npm i @tanstack/react-hotkeys-devtools
```

See the [devtools](./devtools) documentation for setup details.