10 Best Virtual Keyboard Components In JavaScript

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.

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]


Creating A Responsive Phone Dial Pad with jQuery and CSS3 - dialpad

A clean and responsive virtual phone dial pad (alpha-numeric keypad) built on top of jQuery, Html5 and CSS3.

Creating A Responsive Phone Dial Pad with jQuery and CSS3 - dialpad

[Demo] [Download]


Mobile-friendly Numeric Keypad Plugin For jQuery - NumPad

NumPad is a jQuery plugin used to create mobile-friendly numeric keypads for text fields, DIV elements or table columns.

Mobile-friendly Numeric Keypad Plugin For jQuery - 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]


Customizable Virtual Keyboard With jQuery And Bootstrap

A jQuery / Bootstrap jQuery plugin used for creating a customizable, animated virtual keyboard that comes with 3 themes and 5 languages.

Customizable Virtual Keyboard With jQuery And Bootstrap

[Demo] [Download]


Mobile-first Virtual Keyboard Plugin With jQuery And Bootstrap - jQBTK

jQBTK (jQuery Bootstrap Touch Keyboard) is a jQuery plugin for creating customizable on-screen virtual keyboards & numpads on mobile touch devices.

Mobile-first Virtual Keyboard Plugin With jQuery And Bootstrap - jQBTK

[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]


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]


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]


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]


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.