Overlay to help with learning a new layer-based Layout

by Vue.js Examples

Layout overlay

Overlay to help with learning a new layer-based Layout

Layer switching

Layers are triggered by global shortcuts (set to F13+ keys) which are setup in BoardLayout.vue. There’s also an overlay toggle shortcut set to F24.

In order for this to work the same shortcuts have to be send from the keyboard on each layer change. You can see in this snippet how it’s setup for my QMK board.

Dev

  • install Node
  • setup Tauri requirements
  • install Tauri CLI
  • open the project
  • run cargo tauri dev (run cargo tauri build to build the project)

GitHub

View Github