Utility to show key presses in your application
Demo on CodeSandbox
install
yarn add show-keys
usage
in your js:
// *.js
import 'show-keys'
or in your html:
<script src="unpkg.com/show-keys">script>
Utility to show key presses in your application
Overview
You might also like...
Long-press `⌘` key or press `?` to present a shortcut guide for your Web application.
React Shortcut Guide Status: Alpha Long-press command or press ? to present a shortcut guide for your Web application. Gzip+minify 3kB Install npm i
Jul 29, 2022
A utility for creating toggleable items with JavaScript. Inspired by bootstrap's toggle utility. Implemented in vanillaJS in a functional style.
LUX TOGGLE Demo: https://jesschampion.github.io/lux-toggle/ A utility for creating toggleable dom elements with JavaScript. Inspired by bootstrap's to
Oct 3, 2020
Persistent key/value data storage for your Browser and/or PWA, promisified, including file support and service worker support, all with IndexedDB. Perfectly suitable for your next (PWA) app.
BrowstorJS 🚀 💾 🔒 Persistent key/value data storage for your Browser and/or PWA, promisified, including file support and service worker support, all
Aug 5, 2022
jQuery Hotkeys lets you watch for keyboard events anywhere in your code supporting almost any key combination.
jQuery.Hotkeys #About jQuery Hotkeys is a plug-in that lets you easily add and remove handlers for keyboard events anywhere in your code supporting al
Jan 2, 2023
Mad science p2p pipe across the web using webrtc that uses your Github private/public key for authentication and a signalhub for discovery
webcat Mad science p2p pipe across the web using webrtc that uses your Github private/public key for authentication and a signalhub for discovery We a
Dec 30, 2022
Byteroo - Key-value storage for your Node.js applications
Byteroo Byteroo is a key-value storage for your Node.js applications. Usage: const Byteroo = require('byteroo'); const storage = new Byteroo({ name:
Jan 3, 2022
Create your own wrappings with optional key bindings for selected text, a set of useful defaults is also provided.
Create your own wrappings with optional key bindings for selected text, a set of useful defaults is also provided.
Jan 1, 2023
A TypeScript namespace declaration for KeyboardEvent.key strings, just in case your code is allergic to enums.
ts-key-namespace A TypeScript namespace declaration for KeyboardEvent.key strings, just in case you prefer namespaces to enums. Largely based on ts-ke
Apr 5, 2022
Easily create key board shortcuts for your JS functions. Built using JS only with no other dependency. Inspired from MacOS spotlight
floodlightjs Inspired from macOS spotlight, floodlight is simple JS library that will show a search area. How the search is handled is completely on y
Aug 12, 2022
A VS Code utility that cleans up logs in your Elixir application.
ex-cleanse A utility that cleans up logs in your Elixir application by glamboyosa Available as a VS Code extension Screen.Recording.2022-06-07.at.00.5
Jun 10, 2022
Application made to show the basic concepts of GraphQL with Apollo Server
graphql-insta-example Application made to show the basic concepts of GraphQL with Apollo Server. Getting Started Run npm install Run npm run dev Go to
Aug 26, 2022
Application that show the survey results for backend frameworks to the user in real time.
.Net5 Hangfire and SignalR Survey Application Application that show the survey results for backend frameworks to the user in real time. The hangfire j
Dec 17, 2021
This is a project being built to show the usage of Webpack. It's an application were you are able to add a task to the list, and remove a task from the list
Microverse Project To Do List This is a project being built to show the usage of webpack. Its an application were you are able to add a task to the li
May 6, 2022
This project is about building a web application to show a weather forecast using weather API.
Weather App Web application to show the current and upcoming week weather forecast. Want to see live preview » ✧ View Demo ✧ Report Bug ✧ Getting Star
Dec 25, 2022
A complete application tutorial to show how to implement the Web Socket protocol using only Node.js builtin modules
Web Socket application using only Node.js built-in modules About Welcome, this repo is part of my youtube video about Building a complete application
Dec 19, 2022
Realm is a mobile database: an alternative to SQLite & key-value stores
Realm is a mobile database that runs directly inside phones, tablets or wearables. This project hosts the JavaScript versions of Realm. Currently we s
Jan 3, 2023
Simple key-value storage with support for multiple backends
Simple key-value storage with support for multiple backends Keyv provides a consistent interface for key-value storage across multiple backends via st
Jan 7, 2023
jStorage is a simple key/value database to store data on browser side
NB! This project is in a frozen state. No more API changes. Pull requests for bug fixes are welcomed, anything else gets most probably ignored. A bug
Dec 10, 2022
JS / CSS / files loader + key/value storage
bag.js - JS / CSS loader + KV storage bag.js is loader for .js / .css and other files, that uses IndexedDB/ WebSQL / localStorage for caching. Conside
Nov 28, 2022
Comments
-
Disable for textarea and input fields
opened by danilowoz 3I'd like to have some way to only show the keys in there is no textarea or input fields focused, as in my case it looks a little bit spammy, once I only to show some shortcuts in my document.
-
💄 Fix the position of the container
opened by chtushar 1This will fix the position of the preview container. Previously, it had an absolute positioning which made the container to move up when the page was scrolled down.
Owner
Siddharth Kshetrapal
ui at @codesandbox, building ui-devtools and react-ui
A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts.
KeyboardJS KeyboardJS is a library for use in the browser (node.js compatible). It Allows developers to easily setup key bindings. Use key combos to s
2k Dec 30, 2022
jQuery Hotkeys lets you watch for keyboard events anywhere in your code supporting almost any key combination.
jQuery.Hotkeys #About jQuery Hotkeys is a plug-in that lets you easily add and remove handlers for keyboard events anywhere in your code supporting al
2.6k Jan 2, 2023
Utility to show key-presses on your browser
Show-Keys Extension A Chrome Extension wrapper around @siddharthkp's script to show Key Press on a website. PS - A lot of websites block this function
31 Jul 9, 2022
TV Show App is an application that allows to searh tv shows based on user input. Each tv show is displayed in a Bulma Card component and when clicked, heads you to the official tv show site
TV SHOW APP TV Show App is an application that allows to search tv shows based on user input. Each tv show is displayed in a Bulma* Card component and
1 Dec 19, 2021
A keyboard input capturing utility in which any key can be a modifier key.
Keypress Version 2.1.5 Keypress is a robust keyboard input capturing Javascript utility focused on input for games. For details and documentation, ple
3.2k Dec 28, 2022
A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts.
KeyboardJS KeyboardJS is a library for use in the browser (node.js compatible). It Allows developers to easily setup key bindings. Use key combos to s
2k Dec 30, 2022
A JavaScript library for binding keyboard combos without the pain of key codes and key combo conflicts.
KeyboardJS KeyboardJS is a library for use in the browser (node.js compatible). It Allows developers to easily setup key bindings. Use key combos to s
2k Dec 30, 2022
Tool to sign data with a Cardano-Secret-Key // verify data with a Cardano-Public-Key // generate CIP-8 & CIP-36 data
Tool to sign data with a Cardano-Secret-Key // verify data with a Cardano-Public-Key // generate CIP-8 & CIP-36 data
11 Dec 21, 2022
A small utility server to exchange data and messages between clients. Comes complete with E2E public key encryption
Zenotta Intercom A small utility server to exchange arbitrary data between clients. Comes complete with E2E public key encryption Official documentati
7 Oct 2, 2022
TVMAZE API-based webapp, receives TV show episodes with all data about that TV show.
TVMAZE API-based webapp, receives TV show episodes with all data about that TV show. The Webapp has two interfaces: A home page, showing a list of Tv show episodes you can like. And a popup window with more data about the TV show that you can comment on.
4 Aug 9, 2022