TypeScript Component
Virtual Keyboard
A fully customizable on-screen virtual keyboard with support for multiple layouts, shift modes, and special character modes. Perfect for kiosks and touch interfaces.
Interactive Demo
Click keys on the virtual keyboard to type. Use mode buttons to switch layouts.
Characters: 0
Words: 0
Keypresses: 0
Features
⌨️ Full Keyboard
Complete QWERTY layout with all letters, numbers, and common symbols.
⇧ Shift Mode
Toggle uppercase letters with shift key support.
🔢 Special Characters
Dedicated mode for numbers and special symbols.
🎨 Customizable
Easily customize layouts, styles, and key mappings.
Usage
import { VirtualKeyboard } from 'move.gl';
const keyboard = new VirtualKeyboard({
containerId: 'keyboard-container',
inputId: 'text-input',
onKeyPress: (key) => console.log(`Key: ${key}`)
});
// Switch keyboard mode
keyboard.switchMode('shift');
keyboard.switchMode('special');
keyboard.switchMode('default');