<img
  src="https://tanstack.com/api/readme/hotkeys.png"
  alt="TanStack Hotkeys"
  width="900"
/>














<a href="https://www.npmjs.com/package/@tanstack/hotkeys" target="\_parent">
  <img alt="" src="https://img.shields.io/npm/dm/@tanstack/hotkeys.svg" alt="npm downloads" />
</a>
<a href="https://github.com/TanStack/hotkeys" target="\_parent">
  <img alt="" src="https://img.shields.io/github/stars/TanStack/hotkeys.svg?style=social&label=Star" alt="GitHub stars" />
</a>
<a href="https://bundlephobia.com/result?p=@tanstack/react-hotkeys@latest" target="\_parent">
  <img alt="" src="https://badgen.net/bundlephobia/minzip/@tanstack/react-hotkeys@latest" alt="Bundle size" />
</a>







<a href="#badge">
  <img alt="semantic-release" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg">
</a>
<a href="#badge">
  <img src="https://img.shields.io/github/v/release/tanstack/hotkeys" alt="Release"/>
</a>
<a href="https://twitter.com/tan_stack">
  <img src="https://img.shields.io/twitter/follow/tan_stack.svg?style=social" alt="Follow @TanStack"/>
</a>

Become a Sponsor!

TanStack Hotkeys

[!NOTE] TanStack Hotkeys is alpha. We are actively developing the library and are open to feedback and contributions.

Type-safe keyboard shortcuts for the web. Template-string bindings, parsed objects, a cross-platform Mod key, a singleton Hotkey Manager, and utilities for cheatsheet UIs—built to stay SSR-friendly.

• Type-safe bindings — template strings (Mod+Shift+S, Escape) or parsed objects for full control
• Flexible options — keydown/keyup, preventDefault, stopPropagation, conditional enabled, requireReset
• Cross-platform Mod — maps to Cmd on macOS and Ctrl on Windows/Linux
• Batteries included — validation + matching, sequences (Vim-style), key-state tracking, recorder UI helpers, framework adapters, and devtools

Read the docs →

[!NOTE] You may know TanStack Hotkeys by our adapter names, too!

• React Hotkeys
• Preact Hotkeys
• Solid Hotkeys
• Angular Hotkeys
• Vue Hotkeys
• Lit Hotkeys
• Svelte Hotkeys

Get Involved

• We welcome issues and pull requests!
• Participate in GitHub discussions
• Chat with the community on Discord
• See CONTRIBUTING.md for setup instructions

Partners

We're looking for TanStack Hotkeys Partners to join our mission! Partner with us to push the boundaries of TanStack Hotkeys and build amazing things together.

LET'S CHAT

Explore the TanStack Ecosystem

• TanStack Config – Tooling for JS/TS packages
• TanStack DB – Reactive sync client store
• TanStack DevTools – Unified devtools panel
• TanStack Form – Type‑safe form state
• TanStack Hotkeys – Type‑safe keyboard shortcuts
• TanStack Query – Async state & caching
• TanStack Ranger – Range & slider primitives
• TanStack Router – Type‑safe routing, caching & URL state
• TanStack Start – Full‑stack SSR & streaming
• TanStack Store – Reactive data store
• TanStack Table – Headless datagrids
• TanStack Virtual – Virtualized rendering

… and more at TanStack.com »