https://github.com/hodgef/simple-keyboard

Javascript Virtual Keyboard - Customizable, responsive and lightweight
https://github.com/hodgef/simple-keyboard

digital javascript js keyboard kiosk onscreen-keyboard osk screen-keyboard touch-screen touchscreen virtual-keyboard virtual-keyboards

Last synced: about 1 month ago
JSON representation

Javascript Virtual Keyboard - Customizable, responsive and lightweight

• Host: GitHub
• URL: https://github.com/hodgef/simple-keyboard
• Owner: hodgef
• License: mit
• Created: 2018-03-02T16:25:36.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2024-08-01T08:38:26.000Z (about 1 month ago)
• Last Synced: 2024-08-01T10:07:30.466Z (about 1 month ago)
• Topics: digital, javascript, js, keyboard, kiosk, onscreen-keyboard, osk, screen-keyboard, touch-screen, touchscreen, virtual-keyboard, virtual-keyboards
• Language: JavaScript
• Homepage: https://virtual-keyboard.js.org/
• Size: 38 MB
• Stars: 2,148
• Watchers: 22
• Forks: 166
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• awesome-coding - simple-keyboard

README

        


  

	

  

    



Virtual Keyboard for Javascript. Compatible with your JS, React, Angular or Vue projects.


## 🚀 Demo

[Demo Showcase (Vanilla, Angular, React, Vue)](https://simple-keyboard.com/demo)

## 📦 Installation & Usage

You can use simple-keyboard as a `` tag from a CDN, or install it from npm.

Check out the [Getting Started](https://simple-keyboard.com/getting-started) docs to begin.

## 📖 Documentation

Check out the [simple-keyboard documentation](https://simple-keyboard.com/documentation) site.

Feel free to browse the [Questions & Answers (FAQ)](https://simple-keyboard.com/qa-use-cases/) page for common use-cases.

### To run demo on your own computer

- Clone this repository

- `npm install`

- `npm start`

- Visit [http://localhost:3000/](http://localhost:3000/)

### Other versions

- [React.js](https://github.com/hodgef/react-simple-keyboard)

- [Angular](https://simple-keyboard.com/demo)

- [Vue.js](https://simple-keyboard.com/demo)

### 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>

## ✳️ Modules

You can extend simple-keyboard's functionality with [modules](https://hodgef.com/simple-keyboard/modules/). Such as:

- [Autocorrect](https://hodgef.com/simple-keyboard/modules/autocorrect/)

- [Input Mask](https://hodgef.com/simple-keyboard/modules/input-mask/)

- [Key Navigation](https://hodgef.com/simple-keyboard/modules/key-navigation/)

- [Swipe Keyboard](https://hodgef.com/simple-keyboard/modules/swipe-keyboard/)

Want to create your own module? Check out the [Modules page](https://hodgef.com/simple-keyboard/modules/) for instructions.

## 🎯 Compatibility

- Internet Explorer 11

- Edge (Spartan) 16+

- Edge (Anaheim/Edge Chromium) 79+

- Chrome 49+

- Safari 9+

- Firefox 57+

- iOS 9+

> Note: If you don't want to support old browsers, you can use the Modern Browsers bundle ([index.modern.js](https://github.com/hodgef/simple-keyboard/blob/master/build)).

## ✅ Contributing

PRs and issues are always welcome. Feel free to submit any issues you have at:

[https://github.com/hodgef/simple-keyboard/issues](https://github.com/hodgef/simple-keyboard/issues)