UD5 Toolkit
JavaScript Keycode Finder - Online Keyboard Event Tool
Press any key to see the corresponding JavaScript event key, code, and keyCode. An essential debugging tool for front-end developers handling keyboard input.
Mac Keyboard Shortcut Visualizer – Online Modifier Key Cheatsheet
Mac Keyboard Shortcut Visualizer
Click modifier keys to filter shortcuts · Interactive macOS cheat sheet
Select modifier keys above
0 shortcuts
| Shortcut | Action | Category | Copy |
|---|
No shortcuts match your current filters. Try adjusting your selection.
Modifier Key Positions on Mac Keyboard (Bottom Row)
fn
⌃ control
⌥ option
⌘ command
⌘ command
⌥ option
Standard full-size Mac keyboard layout · Compact keyboards may vary slightly
Frequently Asked Questions
What are the modifier keys on a Mac keyboard?
Mac modifier keys include Command (⌘), Option (⌥), Control (⌃), Shift (⇧), and Function (Fn). These keys modify the behavior of other keys when pressed together, enabling keyboard shortcuts for nearly every macOS action.
What's the difference between Command and Control on Mac?
The Command (⌘) key is the primary modifier for most macOS shortcuts (like ⌘C for Copy, ⌘V for Paste), similar to Ctrl on Windows. The Control (⌃) key on Mac has more specialized uses—such as right-click emulation (⌃+click), Mission Control gestures, and terminal commands.
How do I use the Option (⌥) key effectively?
The Option (⌥) key often enables alternate or advanced actions. For example, ⌥+click reveals additional menu items, ⌥+drag duplicates files, and ⌥ combined with other shortcuts (like ⌘⌥Esc for Force Quit) provides power-user functionality across macOS.
What are the most useful Mac shortcuts for beginners?
Essential shortcuts include: ⌘C (Copy), ⌘V (Paste), ⌘Z (Undo), ⌘⇧Z (Redo), ⌘Q (Quit app), ⌘W (Close window), ⌘Tab (Switch apps), ⌘Space (Spotlight search), and ⌘⇧4 (Screenshot selection).
Can I customize modifier keys on macOS?
Yes! Go to System Settings → Keyboard → Keyboard Shortcuts (or System Preferences on older macOS). You can remap modifier keys under "Modifier Keys," reassign existing shortcuts, or create custom app-specific shortcuts. This is especially useful for users switching from Windows.
Why don't some Function (Fn) key shortcuts work on my MacBook?
By default, MacBooks use F1–F12 keys for system controls (brightness, volume, etc.). To use standard function keys as F-keys for shortcuts, hold the Fn key while pressing them, or go to System Settings → Keyboard and enable "Use F1, F2, etc. keys as standard function keys."
This interactive macOS modifier key cheatsheet covers 60+ essential keyboard shortcuts across System, Finder, Screen Capture, Text Editing, Browser, and Window Management categories. Use the modifier key buttons above to discover Command (⌘), Option (⌥), Control (⌃), Shift (⇧), and Function (Fn) key combinations.
Keyboard Event Debugger - Online See keydown Key Data
Press any key and see the full KeyboardEvent object: key, code, keyCode, modifier status. Dev tool.
Jerky Marinade Ratio Calculator – Online Soy, Worcestershire, Cure
Scale a jerky marinade recipe based on meat weight. Includes optional cure #1 calculation for safety.
X‑Frame‑Options Tester - Online Clickjacking Defense
Check if a URL can be embedded in an iframe. Test your site’s defense against clickjacking. Browser‑based.
AES Text Encrypt/Decrypt - Online Secure Message Tool
Encrypt and decrypt text using AES in the browser with a password. Uses Web Crypto API. No data sent to server.
Old English / Anglo‑Saxon Word Lookup – Online Basic Translator
Type a modern English word and get a possible Old English equivalent. Works offline with a limited but curated wordlist. Learn history.
HTML Attribute Remover - Online Clean Up Markup
Strip specific or all attributes from HTML tags. Clean up messy code. Keep the structure. Purely local.
iCal Event to HTML Snippet - Online Add to Calendar Links
Fill in event details and generate 'Add to Calendar' links for Google, Outlook, and Yahoo, plus a downloadable .ics file.
.htpasswd Generator – Online Apache Password Encrypter
Enter a username and password to generate an .htpasswd entry using bcrypt. Runs entirely in browser.
Custom Keyboard Layout Visualizer for Touch Typing
Design a custom keyboard layout and save it as an image to help learn touch typing on a custom keymap. Supports ANSI, ISO, and ortho layouts.
Windows Shortcut Driller – Online Random Win+Key Prompt
Randomly prompts you to press a Windows keyboard shortcut (e.g., Win+E). Learn to be a power user.
Dvorak Layout Text Converter – Online See Typed Words in QWERTY
Type on your QWERTY keyboard and see the text as if you were on a Dvorak layout. Helps learn Dvorak without switching.
Keyboard Accessibility Tester – Online Check Tab Order
Paste HTML snippet and see calculated tab order. Identify missing focusable elements. A11y helper.
Typing Layout Visualizer – QWERTY, Dvorak, Colemak
Compare standard keyboard layouts side-by-side. Click keys to see characters. Useful for learning alternative layouts.
Keyboard Shortcut Visualizer - Online See macOS/Win Modifier Keys
Press any key combination and see the human‑readable shortcut for macOS and Windows. Developer docs helper.
Tab Order Visualizer - Online See Focus Navigation Path
Enter a URL and see a visual map of the tab order. Detect broken tabindex values. Improve keyboard navigation.
Keyboard Shortcut Recorder - Online Capture Combinations
Press any key combination and record the sequence. Export as JSON or human‑readable text. Perfect for documenting shortcuts.
Roving Tabindex Keyboard Nav - Online Accessible List
See the roving tabindex pattern in action. Use arrow keys to navigate a list. Copy the accessible JavaScript pattern.
Skip Navigation Link Generator - Online A11y Helper
Create a properly styled 'Skip to Content' link. Customize target and appearance. Essential for keyboard users. Copy the HTML/CSS.
Web MIDI Keyboard Tester - Online Visual Note Display
Connect your MIDI keyboard and see pressed notes visually on a piano roll. Check velocity, channel, and aftertouch. No DAW needed.
:focus‑visible Tester - Online Keyboard‑Only Focus Ring
Compare :focus and :focus‑visible styling. See which one applies when using mouse vs. keyboard. Accessible focus management.
Keyboard Event Viewer - Online key, code, keyCode Inspector
Press any key to see the complete KeyboardEvent properties: key, code, keyCode, modifiers. Indispensable for game & shortcut developers.
Keyboard Layout Tester - Online Visual Key Press Viewer
Press any key and see it light up on a standard QWERTY layout. Check functionality or demonstrate shortcuts.
Focus Order Analyzer - Online Tab Navigation Check
Enter a URL and extract tab‐index order violations and focusable elements. Quick accessibility audit. Client‑side fetch.
Online Piano Keyboard - Play & Record Simple Melodies
Play a virtual piano keyboard using mouse or computer keys. Sustain and octave control. Record and play back your tune.
Virtual Keyboard Tester - Online Check All Keys Functionality
Press keys on your physical keyboard and see them highlighted on a virtual keyboard. Detects multi-key rollover. Quick hardware check.