Inspiration

Siddharth Ksheterpaul from Codesandbox had a script that you could embed on your site, or paste on your console to visualize key presses on the browser.

Show Keys is a Chrome Extension made on the same principle to visualize the keys.

What it does

It shows you the keys you have pressed on your screen.

How we built it

Vanilla Javascript and Chrome Browser APIs

Challenges we ran into

To sync the content script and the flag to keep the Extension turned on every time a new tab was opened or a tab was reloaded.

What's next for Show Keys

To allow the user to edit the configuration, including and not restricted to -

  • Set custom key themes
  • Choose where on screen to dock the keys

Built With

Share this project:

Updates