10 Best Virtual Keyboard Components In JavaScript (2021 Update)

by jQueryScript,

What Is Virtual Keyboard?

Virtual Keyboard (on-screen keyboard) is a UI component for desktop and touch screen that makes it easy to type something in text fields without physical keys.

The Best Virtual Keyboard.

In this post I'd like to show you the 10 Best jQuery & Vanilla JavaScript Virtual Keyboard plugins to enhance the input experience on the web & mobile devices. Enjoy it.

Originally Published Nov 06 2019, updated Apr 1 2021

Table of contents:

jQuery Virtual Keyboard Plugins:

jQuery Virtual Keyboard Plugin - Keyboard

Keyboard is a jQuery plugin built with jQuery UI that adds an onscreen virtual Keyboard to your project , which will popup when a specified entry field is focused.

jQuery Virtual Keyboard Plugin - Keyboard

[Demo] [Download]


Customizable Visual Numerical Keyboard Plugin - Easy Numpad

The Easy Numpad jQuery plugin lets you create a minimal, customizable visual numerical keyboard which allows users to type only numbers in your input field.

Customizable Visual Numerical Keyboard Plugin - Easy Numpad

[Demo] [Download]


Simple On Screen Visual Keyboard with jQuery - jkeyboard

jkeyboard is a jQuery plugin to create an on screen visual keyboard that supports custom layouts for multiple languages.

Simple On Screen Visual Keyboard with jQuery - jkeyboard

[Demo] [Download]


jQuery Plugin for Simple Virtual Keyboard - keypad

keypad is a simple jQuery plugin that adds a customizable virtual keyboard next to your input field when focused on.

jQuery Plugin for Simple Virtual Keyboard - keypad

[Demo] [Download]


Fullscreen Virtual Keyboard Plugin For jQuery - MOK

MOK(Multilingual Onscreen Keyboard) is a jQuery plugin for creating a fullscreen virtual keyboard that will popup when a specified text field is focused.

Fullscreen Virtual Keyboard Plugin For jQuery - MOK

[Demo] [Download]


Vanilla JavaScript Virtual Keyboard Plugins:

Custom Virtual Keyboard For Text Fields

Yet another on-screen virtual keyboard plugin for text fields (input and textarea), built in pure JavaScript.

Custom Virtual Keyboard For Text Fields

[Demo] [Download]


Multi-language Themeable Virtual Keyboard/Numpad – KioskBoard

KioskBoard is a JavaScript plugin to create multi-language virtual keyboards and Numpads for text fields and content editable elements.

Multi-language Themeable Virtual Keyboard/Numpad – KioskBoard

[Demo] [Download]


Responsive Mobile-compatible Virtual Keyboard In JavaScript – simple-keyboard

A simple yet customizable, fully responsive on-screen virtual keyboard for both mobile, tablet and desktop.

Responsive Mobile-compatible Virtual Keyboard In JavaScript – simple-keyboard

[Demo] [Download]


On-screen Virtual keyboard/Keypad In JavaScript – A-Keyboard

A small JavaScript library to create themeable virtual keyboard, keypad, mobile keyboard on the screen.

On-screen Virtual keyboard/Keypad In JavaScript – A-Keyboard

[Demo] [Download]


Vanilla JavaScript Virtual Keyboard For Desktop

A pretty clean virtual keyboard that can be attached to any text field on the webpage.

Vanilla JavaScript Virtual Keyboard For Desktop

[Demo] [Download]


Conclusion:

Want more jQuery plugins or JavaScript libraries to create awesome Virtual Keyboards on the web & mobile? Check out the jQuery Virtual Keyboard and JavaScript Virtual Keyboard sections.