<div align="center"> <a href="https://simple-keyboard.com/demo" title="View Demo" target="_blank"><img src="https://franciscohodge.com/project-pages/simple-keyboard/images/simplekeyboard-banner_B.png" align="center" width="100%"></a> <a href="https://simple-keyboard.com/demo" title="View Demo" target="_blank"><img src="https://franciscohodge.com/project-pages/simple-keyboard/images/skdemo-4x2.gif" align="center" width="100%"></a> <blockquote>The easily customisable and responsive on-screen virtual keyboard for Javascript projects.</blockquote> <a href="https://www.npmjs.com/package/simple-keyboard" target="_blank"><img src="https://img.shields.io/npm/v/simple-keyboard.svg?style=flat" alt="npm version"></a> <a href="https://travis-ci.org/hodgef/simple-keyboard" target="_blank"><img src="https://travis-ci.org/hodgef/simple-keyboard.svg?branch=master" alt="Build Status"></a> <img src="https://img.shields.io/david/hodgef/js-library-boilerplate.svg" /> <a href="https://codecov.io/gh/hodgef/simple-keyboard" target="_blank"><img src="https://img.shields.io/codecov/c/github/hodgef/simple-keyboard/master.svg?style=flat" alt="Coverage Status"></a> <a href="https://doc.esdoc.org/github.com/hodgef/simple-keyboard" target="_blank"><img src="https://doc.esdoc.org/github.com/hodgef/simple-keyboard/badge.svg" alt="Documentation Status"></a> <a href="https://www.codacy.com/app/hodgef/simple-keyboard?utm_source=github.com&utm_medium=referral&utm_content=hodgef/simple-keyboard&utm_campaign=Badge_Grade" target="_blank"><img src="https://api.codacy.com/project/badge/Grade/5778fccc6a894701853d9a1f2fb44a76" alt="Codacy Badge"></a> </p> </div> ## 📦 Installation & Usage You can use simple-keyboard as a `<script>` 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 [Q&A / Use-cases](https://simple-keyboard.com/qa-use-cases/) page for advanced use-cases. ## 🚀 Demo [https://simple-keyboard.com/demo](https://simple-keyboard.com/demo) ### 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? <a href="http://franciscohodge.com/simple-keyboard/chat/join" title="Join our Discord chat" target="_blank"><img src="https://franciscohodge.com/project-pages/simple-keyboard/images/discord.png" align="center" width="200"></a> ## ✅ Contributing PR's and issues are welcome. Feel free to submit any issues you have at: [https://github.com/hodgef/simple-keyboard/issues](https://github.com/hodgef/simple-keyboard/issues)