KeyBindr

About

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, or start from one of 27 ready-made templates — then share your map as a URL, export it as JSON, or print it. No install, frameworks, or dependencies required.

Features

• Seven keyboard layouts: Full (104-key), Tenkeyless (TKL), 60%, Split, ZSA Voyager, ZSA Moonlander, and ErgoDox EZ
• Switchable key maps: QWERTY, Dvorak, Colemak, AZERTY, and QWERTZ
• Assign modifier combos, action labels, and descriptions per key — displayed as pills directly on the key face
• 27 ready-made templates for apps and games like Photoshop, Premiere Pro, and Battlefield 6, each with its own page in a searchable gallery
• Hover any template for a live, color-coded mini-keyboard preview of its bindings
• Multi-tab maps, so one layout can hold several contexts — Battlefield 6 ships with seven tabs
• Custom color categories with optional emoji icons and per-category key counts
• Category filtering with visual cross-highlighting, a heat map mode for assignment density, and a modifier layer view
• Grouped hotkey summary panel with search and drag-to-reorder category columns
• Share via compressed URL, X, Reddit, email, or Copy as Markdown
• Undo/redo (50-entry history), key conflict detection, and label autocomplete
• Export and import maps as JSON; auto-saves to localStorage between sessions
• Print-ready layouts and a compact reference card, with non-essential UI hidden automatically
• A Keyboard / List toggle for using it on a phone