Keyboard API Playground - Interactive Web API Lab | IconVault
Explore the real Keyboard API: dump your layout map, inspect live key events, match shortcuts and detect dead keys. Free, runs in your browser.
Keyboard API Playground
Layout map dump, key event inspector and shortcut matcher
Layout map
getLayoutMap() maps physical key codes to the character your OS layout produces.
Shortcut tester
Type a combo, then press the keys anywhere on the page.
5 of 5 free layout reads left - key events are unlimited.
Live key inspector - press any key
Click here, then press keys. Held keys show repeat events; dead keys (like ´ on some layouts) show key = "Dead".
Event stream
keydown and keyup events will stream here.
About this tool
IconVault's Keyboard API Playground uses the real `navigator.keyboard` interfaces: dump your full layout map to see which physical key produces which character, inspect live keydown, keyup events with `code`, `key`, modifiers and repeat flags, and test a shortcut matcher that recognizes combos as you type. A dead-key detector shows how accent composition behaves on your layout. It is free and runs fully in your browser.
You will learn why `code` (the physical key) and `key` (the produced character) differ across layouts like QWERTY, AZERTY and Dvorak, and why `getLayoutMap()` is the right way to build shortcut help that stays correct in every language. The lab also covers the limits: the Keyboard API is Chromium-only, the layout map needs no permission, and locking the keyboard (`keyboard.lock()`) only works in fullscreen for specific keys.
Frequently asked questions
Popular searches
More tools
Algorithm Visualizer
Watch sorting and searching animate step by step
Alt Text Helper
Write better image alt text with live feedback
ARIA Reference
Searchable ARIA roles and attributes guide
Array Visualizer
Step through map, filter, reduce like a debugger
Coming soon
CLI
Coming soon
Figma plugin
Coming soon
VS Code extension
Coming soon
Chrome extension
Coming soon
AI icon generator
Coming soon
Team workspaces
Coming soon