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.

All tools

Keyboard API Playground

Layout map dump, key event inspector and shortcut matcher

5 of 5 free uses left

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

keyboard apinavigator.keyboardkeyboard api javascriptgetlayoutmapkeyboard layout mapkeydown keyup keypresskeyboard event inspectorjavascript key eventskey vs codekeyboardEvent codekeyboardEvent keydead keys javascriptdetect dead keyskeyboard shortcuts javascriptshortcut matcherkeyboard shortcut testertest keyboard onlinekeyboard event testerkeycode testerwhat is my keycodekeyboard layout detectorqwerty azerty dvorakkeyboard api chromekeyboard lock apikeyboard.lockmdn keyboard apikeyboard api tutorialkeyboard api examplejavascript keyboard layoutinternational keyboard shortcutshandle keyboard shortcuts webpreventdefault keydownkey repeat javascriptmodifier keys javascriptctrl shift alt metacomposition eventskeyboard events mdnis keyboard api supportedcaniuse keyboard apikeyboard api firefoxkeyboard api safarikeyboard typescriptkeyboard playgroundonline keyboard testerkey press visualizerkeyboard event logweb keyboard shortcuts best practiceswasd key codesarrow key codesfunction key codesescape key javascript

More tools

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

View all 10+ tools →