Show Keys

See your key presses in your browser while you type

1 follower

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.

Free

Launch tags:Chrome Extensions•Design Tools•Developer Tools

Launch Team

Wispr Flow: Dictation That Works Everywhere — Stop typing. Start speaking. 4x faster.

Stop typing. Start speaking. 4x faster.

Promoted

Product Hunt

From the description: "And that's it. It just does that one thing." Appreciate that. :)

Report

4yr ago

CouponHub

Maker

@rrhoover Thanks a lot. This is the peak of my side project career. And thanks for building PH!

Report

4yr ago

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/...

Report

4yr ago

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 :)

Report

4yr ago

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.

Report

4yr ago

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!

Report

4yr ago

Any plan to port extension to safari?

Report

4yr ago

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.

Report

4yr ago

I also love the simplicity of your description! Congrats on the launch!

Report

4yr ago

CouponHub

Maker

Thanks @justinchitla, If you use this, let me know any way I can improve this 🤘

Report

4yr ago

Shuvam you have killed it buddy, loved the simplicity of the product 🥂

Report

4yr ago

CouponHub

Maker

@shastrabahu Thanks a lot man. Do let me know if we can improve this somehow.

Report

4yr ago

Loved the product idea!☺️ Funny product description 🤣🤣

Report

4yr ago

CouponHub

Maker

Thanks @adrija_mukherjee2 🔥

Report

4yr ago

1 2 3