Виртуальная клавиатура

Интерактивная экрaнная клавиатура на React + TypeScript + Vite с поддержкой русской, английской раскладок и специальных символов.

Запуск

pnpm install
pnpm dev

Проект откроется по адресу http://localhost:5173.

Функционал

• Ввод текста — нажатие на кнопки клавиатуры или использование физической клавиатуры. Нажатые символы появляются в поле вывода с мигающим курсором.
• Shift (⇧) — переключает регистр: буквы вводятся заглавными. Кнопка подсвечивается красным в активном состоянии.
• Пробел и Backspace — поддерживают долгое удержание: при зажатой кнопке действие повторяется автоматически.
• Переключение раскладок — кнопки EN, RU и !@# меняют текущую раскладку (английская, русская, специальные символы).
• Enter (↵) — отправляет введённый текст (вызывает колбэк onEnter).
• Анимация смены раскладки — переключатель «Анимация» включает 3D flip-эффект при смене языка.
• Маска телефона — переключатель «Маска телефона» форматирует ввод в вид +7-(XXX)-XXX-XX-XX.

Сборка

pnpm build