Home

Awesome

<a href="https://simple-keyboard.com/demo"> <img alt="simple-keyboard: Javscript Virtual Keyboard" src="https://user-images.githubusercontent.com/25509135/188000091-fc64ce47-2a87-4835-ab6c-defbaba3ee90.gif"> </a> <blockquote>Virtual Keyboard for React. Customizable, responsive and lightweight.</blockquote> <p> <a href="https://www.npmjs.com/package/react-simple-keyboard"><img src="https://badgen.net/npm/v/react-simple-keyboard?color=blue" alt="npm version"></a> <a href="https://github.com/hodgef/react-simple-keyboard/blob/master/LICENSE"><img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="MIT license"></a> <a href="https://github.com/hodgef/react-simple-keyboard/actions"><img alt="Build Status" src="https://github.com/hodgef/react-simple-keyboard/workflows/Build/badge.svg?color=green" /></a> <a href="https://github.com/hodgef/react-simple-keyboard/actions"><img alt="Publish Status" src="https://github.com/hodgef/react-simple-keyboard/workflows/Publish/badge.svg?color=green" /></a> <a href="https://gitlab.com/hodgef/react-simple-keyboard"><img alt="Mirroring" src="https://github.com/hodgef/react-simple-keyboard/actions/workflows/mirroring.yml/badge.svg" /></a> </p>

🚀 Demo

https://simple-keyboard.com/demo

📦 Installation & Usage

Check out the Getting Started docs to begin.

📖 Documentation

Check out the simple-keyboard documentation site.

Feel free to browse the Questions & Answers page for common use-cases.

To run demo on your own computer

Other versions

Questions? Join the chat

<a href="https://discordapp.com/invite/SJexsCG" title="Join our Discord chat" target="_blank"><img src="https://discordapp.com/api/guilds/498978399801573396/widget.png?style=banner2" align="center"></a>

🎯 Compatibility

Note: If you don't want to support old browsers, you can use the Modern Browsers bundle (index.modern.js).

✅ Contributing

PRs and issues are welcome. Feel free to submit any issues you have at: https://github.com/hodgef/react-simple-keyboard/issues