KeyBindr

Web App Productivity Keyboard
Early Alpha

A browser-based interactive tool for visualizing and documenting keyboard shortcuts. Click keys on a fully rendered layout to assign labels, modifiers, descriptions, and color categories — then export your map as JSON or load it back anytime. No install, frameworks, or dependencies required.

  • Four keyboard layouts: Full (104-key), Tenkeyless (TKL), 60%, and Split
  • Switchable key maps: QWERTY, Dvorak, Colemak, AZERTY, and QWERTZ
  • Assign modifier combos (Ctrl, Alt, Shift, Win), action labels, and descriptions per key
  • Eight color-coded categories with a live legend and per-category key counts
  • Grouped hotkey summary panel with drag-to-reorder category groups
  • Hover cross-highlight — hovering a key highlights its summary row and vice versa
  • Built-in presets for Photoshop, Premiere Pro, World of Warcraft, and VS Code
  • Export and import maps as JSON; auto-saves to localStorage between sessions

Default layout in light mode

Default layout in dark mode

Added hotkeys in light mode

Added hotkeys in dark mode