Skip to content
shadcn.io

shadcn.io is not affiliated with official shadcn/ui

Kbd examples · Platform Specific

Windows Key Kbd for React

The Windows key and R grouped as the Win R shortcut.

Framework
UI library

Windows system shortcuts start with the Windows key. This React example writes it as Win and groups it with R in a KbdGroup: Win R opens the Run dialog. Use it in setup guides and support articles for Windows users.

Preview

Preview width
WinR

Installation

Sign in to get your install command
Free with an account. It carries your token, so the CLI installs everything in one go.

FAQ

Should I show Win or the Windows logo?

The word is clear and needs no icon; it's what most documentation uses. The logo is a trademark and has no standard character, so drawing it means adding an image or a brand icon.

Which Windows key shortcuts are worth documenting?

Win R for Run, Win E for File Explorer, Win D for the desktop, Win L to lock, Win Shift S for a screenshot and Win period for emoji. Web apps can't use these, so they belong in setup and support guides.

Is the Windows key the same as Super on Linux?

Yes, it's the same key; Linux desktops call it Super and use it for their own shortcuts, like opening the activities overview.

What is the Mac equivalent of the Windows key?

It sits where ⌘ sits, but the shortcuts differ: Win L to lock is ⌃⌘Q on Mac, and Spotlight with ⌘Space replaces the Start menu search.

Do screen readers read Win?

They read it as the word, which is clear enough in context. Writing Windows key in the text around the shortcut removes any doubt.

Why do some keyboards have no Windows key?

Mac keyboards have ⌘ instead, Chromebooks have a launcher key, and some gaming keyboards can turn the Windows key off so it doesn't interrupt a game.