PixelOkay
Virtual Keyboard StudioRuns locally
Tools
LIVE WORKSPACE

Your keyboard, your rules.

Choose a key to edit it, or drag to rearrange.

100%
—·No overlaps

Layout diagnostics

Select a key or run checks to see layout tips.

Welcome to Virtual Keyboard Studio

Design

Select a starting keyboard, click a key and change its legend, physical code, Base/Shift/Fn output or dimensions. The Fn layer is selected manually; it is not a real keyboard firmware layer. Drag a key to move it. Overlapping keys are flagged for review.

Test

Switch to Test layout. Click virtual keys, or focus the test pad and type on a physical keyboard. Mapping uses KeyboardEvent.code (physical key position), so it may not match the character printed on your actual keyboard. Ctrl/Alt/Meta combinations remain browser-controlled.

Export & privacy

Export JSON to reopen your editable layout, SVG for scalable diagrams, or PNG for a picture. Save up to 20 named local layout copies in My layouts. A best-effort draft saves in localStorage; it can be cleared by the browser. Use manual JSON backups. No account or remote upload is required.

Limitations

No firmware flashing, QMK/VIA export, system keyboard remapping, IME support or electrical keyboard scan simulation. Browser shortcuts and reserved OS keys cannot reliably be intercepted.

My saved keyboard layouts

Saved copies stay in this browser. They are separate from your autosaved working draft. Export JSON backups before clearing browser storage.

Using Virtual Keyboard Studio

Choose a layout, select keys and edit their positions or mappings. Focus the test pad for physical keyboard input, or manually select the simulated Fn layer. Save portable JSON and export a selected-layer preview or session key-use counts.

This is a layout simulator, not OS-wide remapping, firmware flashing or QMK/VIA/KLE configuration export. Physical Fn and OS shortcuts are not captured; IME is unsupported. Counts are session-only. Limits include 150 keys and 20 local snapshots. Version-2 JSON accepts v1 imports, but older v1 software cannot open v2 projects.

Choose an editable layout, layer preview or session counts

Practice: compare two virtual layer mappings

  1. Choose a layout and adjust a key's supported legend or mapping.
  2. Focus the test pad and compare Base with the manually selected Fn layer.
  3. Save JSON before exporting the desired layer preview or session counts.

This is an authored layout exercise, not an operating-system remap or a flashed keyboard.

Keyboard layout questions

Does this capture physical Fn or change my operating-system shortcuts?

No. It simulates layers within the scoped test pad, without physical Fn capture, OS remapping or firmware flashing. QMK/VIA/KLE configuration export is not provided.

Will old software read my new project and restore usage counts?

Version-2 projects accept v1 imports, but older v1 software cannot read v2 projects. Key-use counts are session-only, so keep a supported CSV separately when needed.

Related tools