I have released a new open source project for Vue applications; a virtual keyboard component.

I initially developed this component for the KitKat Chocolatory kiosk interfaces that we set up in Melbourne, however it quickly grew into a stable standalone component that was also used in a few of our other projects, such as the Allen's Lolly Bar interface that we did a couple of months later.

The keyboard in action
The keyboard in action

Features include:

  • Installable through NPM.
  • A straightforward API for defining keys and layouts.
  • Versatile markup and event system - you can easily target individual keys, rows, etc with CSS and catch custom button events to add your own functionality.
  • Properly documented in the GitHub repository.

The component is also listed in the awesome-vue repository under "ui components".