The presentation layer for your keyboard.
KeymapKit provides a UI for displaying keyboard layouts, including key legends, multiple layers, drawing diagram lines to specific keys, and layout tours.
See it in action on its documentation site.
It looks like this:
- See the examples package
- Read the documentation
You can generate a blank keymap for any valid keyboard model,
so long as both @keymapkit/cli and the keyboard model are available in the current NPM workspace.
For instance, to generate a blank ErgoDox keymap:
npm install @keymapkit/cli @keymapkit/keyboard.ergodox npx @keymapkit/cli blank @keymapkit/keyboard.ergodox KeyboardModelErgodox
Use the make file
$ make help Show this help lint Run eslint format Run prettier clean Clean up models Build @keymapkit/models ui Build @keymapkit/ui keyboard.advantage360 Build @keymapkit/keyboard.advantage360 keyboard.ergodox Build @keymapkit/keyboard.ergodox keyboard.planck48 Build @keymapkit/keyboard.planck48 examples Build the @keymapkit/examples www Build the KeymapKit website in production mode www.serve Run the KeymapKit website in development mode with hot reloading all Build everything