Typing Layout Visualizer – QWERTY, Dvorak, Colemak
Compare standard keyboard layouts side-by-side. Click keys to see characters. Useful for learning alternative layouts.
UD5 Toolkit
event.key and event.code. This tool displays all four values so you can compare them in real time.ctrlKey: true). The history chips also show the full combination context. Note that some system-level shortcuts (like Alt+Tab or Ctrl+Alt+Del) are intercepted by the operating system and won't reach the browser.getModifierState()) can detect them, and pressing those keys will show their state in the detail panel. Many modern keyboards also have LED indicators for these lock states — use this tool alongside those physical indicators to verify everything is working correctly.Compare standard keyboard layouts side-by-side. Click keys to see characters. Useful for learning alternative layouts.
Quickly test SQL JOIN syntax (INNER, LEFT, RIGHT, FULL) with a sample database schema. Check logic and see conceptual result set without a real DB. Local only.
Enter a URL and see the full redirect chain with status codes and response times. Also validates against your chosen rule.
Test regular expressions with Unicode property escapes like \p{Emoji}. See matches live. Modern regex power.
Enter a URL and see a visual map of the tab order. Detect broken tabindex values. Improve keyboard navigation.
Enter a GraphQL endpoint, write a query, and see the response. Add headers and variables. Simple testing client.
Enter a URL and a user‑agent to see if it is allowed or blocked by the robots.txt file. Quick bot validation.
Press any key combination and record the sequence. Export as JSON or human‑readable text. Perfect for documenting shortcuts.
Connect a game controller and see every button press, axis movement, and vibration test. Uses the Gamepad API.
See the roving tabindex pattern in action. Use arrow keys to navigate a list. Copy the accessible JavaScript pattern.
Create a properly styled 'Skip to Content' link. Customize target and appearance. Essential for keyboard users. Copy the HTML/CSS.
Connect your MIDI keyboard and see pressed notes visually on a piano roll. Check velocity, channel, and aftertouch. No DAW needed.
Feed, play, and care for a cute pixel pet inside your browser. Its state persists via localStorage. Don't let it die!
Connect a gamepad and see all button presses and axis movements visually. Check that every input is detected correctly.
Press any key to see the complete KeyboardEvent properties: key, code, keyCode, modifiers. Indispensable for game & shortcut developers.
Write JavaScript code and see the output or console.log results immediately. Safe iframe sandbox. For quick experiments.
Experiment with CSS container queries. Resize a container and see the styles change according to its size, not the viewport. Learn the new spec.
Create colorful digital sticky notes on a corkboard. Drag, edit, and delete. Notes persist in local storage. No login.
Test prompt formatting without calling an LLM. See how your prompt would look with different templates. Dev tool.
Write a media query and instantly see if it matches your current viewport. Width, height, orientation, and more.
Press any key and see it light up on a standard QWERTY layout. Check functionality or demonstrate shortcuts.
Adopt a virtual pet rock. It sits there. Sometimes you can polish it or give it a name. The low‑maintenance pet you always wanted.
Enter a URL and drag a slider to change the viewport width smoothly. See exactly where your layout breaks. No iframe limits.
Step‑by‑step virtual frog dissection with labeled organs. No mess, ethical. Great for remote learning.
View pre‑loaded virtual microscope slides of onion cells, leaf epidermis, etc. Zoom and pan like a real microscope.
Enter a URL and extract tab‐index order violations and focusable elements. Quick accessibility audit. Client‑side fetch.
Play a virtual piano keyboard using mouse or computer keys. Sustain and octave control. Record and play back your tune.
Paste or write a CSS gradient value and instantly see the rendered output. Debug and iterate on gradients quickly. Local preview.
Press any key to see the corresponding JavaScript event key, code, and keyCode. An essential debugging tool for front-end developers handling keyboard input.
Build and test regular expressions against sample text. Real-time match highlighting, capture groups display, and flavor options. All inside your browser.