x y w h

Legends

Help

Hover over the canvas and press A to add a key. (Position is indicated by red rectangle.)

You can use the mouse to drag keys (all selected keys AND the key you are dragging are moved). Click to select, use the control key to select multiple. Click on the background to deselect everything.

Use the fields above to add legends and to move/resize keys.

There is currently no way to save/load/export your layout.


About

This is a project heavily inspired by Keyboard layout editor, which I have used a lot. Unfortunately, the user experience is somewhat lacking, which is why I started working on this. It is currently a very simple client side only web app using p5.js for rendering, and mostly vanilla javascript otherwise.