TanStack Hotkeys is compatible with various front-end frameworks. Install the corresponding adapter for your framework using your preferred package manager:
npm i @tanstack/react-hotkeyspnpm add @tanstack/react-hotkeysyarn add @tanstack/react-hotkeysbun add @tanstack/react-hotkeysEach framework package re-exports everything from the core @tanstack/hotkeys package, so there is no need to install the core package separately.
If you are not using a framework, you can install the core @tanstack/hotkeys package directly for use with vanilla JavaScript.
Start with the Quick Start guide. If you want the integrated devtools panel, also install:
npm i @tanstack/react-devtools
npm i @tanstack/react-hotkeys-devtoolspnpm add @tanstack/react-devtools
pnpm add @tanstack/react-hotkeys-devtoolsyarn add @tanstack/react-devtools
yarn add @tanstack/react-hotkeys-devtoolsbun add @tanstack/react-devtools
bun add @tanstack/react-hotkeys-devtoolsSee the devtools documentation for setup details.