Show Keys

Show Keys

See your key presses in your browser while you type

1 follower

Visit website
Show Keys is a utility to show key presses on your Browser. And that's it. It just does that one thing.
Show Keys gallery image
Show Keys gallery image
Show Keys gallery image
Free
Launch tags:Chrome Extensions•Design Tools•Developer Tools
Launch Team
AssemblyAI
AssemblyAI
Build voice AI apps with a single API
Promoted

What do you think? …

Ryan Hoover
Product Hunt
From the description: "And that's it. It just does that one thing." Appreciate that. :)
Shuvam Manna
CouponHub
Maker
@rrhoover Thanks a lot. This is the peak of my side project career. And thanks for building PH!
Shuvam Manna
CouponHub
Maker
A week back, I came across a piece of code by Siddharth (https://twitter.com/siddharthkp) on Twitter that you can paste on your console or import as a package on your site to visualize key presses. While good, that solution was not scalable. What if I am teaching a tutorial and I want to show the keys I am pressing, especially when I need to show a keyboard shortcut. Show Keys helps you easily toggle showing your keypresses, with zero post-production. If you are recording your next tutorial or video, this is your thing. What does the extension offer? ➡️ Persistence. Across tabs and page reloads ➡️ Toggle on or off. ➡️ Key theme to match your System Preferences And as @sal_iozzia pointed out, these would be helpful in conducting accessibility tests too. Especially if you want to research the usage of keyboard shortcuts. Here is the link to tweet that kicked it all off - https://twitter.com/zehf/status/...
Siddharth Kshetrapal
Show Keys
Maker
Hi I'm Sid. I made the javascript package under this, I was in turn inspired by Keystroke Pro, a mac app (https://www.ixeau.com/keystroke-pro). You can clearly see the similarity in styles :)
Sal Iozzia
This is also great for user testing, and especially accessibility user testing, when your users are more experienced at keyboard shortcuts then you are, so you need to learn what strategies they use to overcome your inaccessible website.
Shuvam Manna
CouponHub
Maker
Hey @sal_iozzia, thanks a ton for the feedback. This is a use case I had not thought about, and yup, would be super useful to test accessibility. Now I wonder if there are other significant use cases too!
Tavlean
Any plan to port extension to safari?
Shuvam Manna
CouponHub
Maker
Hey @tavleensingh, that's a really good suggestion. I initially had the plan, would try to do this soonish. However, the Project is open sourced. Anyone can pick up the code and port it to Safari.
Justin Chitla
I also love the simplicity of your description! Congrats on the launch!
Shuvam Manna
CouponHub
Maker
Thanks @justinchitla, If you use this, let me know any way I can improve this 🤘
Aman Gupta
Shuvam you have killed it buddy, loved the simplicity of the product 🥂
Shuvam Manna
CouponHub
Maker
@shastrabahu Thanks a lot man. Do let me know if we can improve this somehow.
Adrija Mukherjee
Loved the product idea!☺️ Funny product description 🤣🤣
Shuvam Manna
CouponHub
Maker
Thanks @adrija_mukherjee2 🔥
123
Next
Last