PWA Install Prompt Tester - Online Simulate Install
Check if your page triggers the beforeinstallprompt event. Simulate the install flow. Debug PWA installability.
UD5 Toolkit
Press any key on your physical keyboard to test — visual feedback in real-time
On mobile? Tap below & use your keyboard (or external Bluetooth keyboard):
Physical keyboard connected? Press any key directly!
event.code and event.key). It's especially useful for diagnosing faulty keys, testing new keyboards, or learning keyboard layouts.key, code, and keyCode values), and maintains a history of recent keystrokes. On mobile devices, you can use the text input field or connect a Bluetooth keyboard.keydown events as a physical keyboard. We provide a text input field for mobile users to test their typing. However, if you connect an external Bluetooth keyboard to your phone or tablet, all keys should be detected normally, just like on a desktop. The visual keyboard layout is fully responsive and scrollable on smaller screens.event.code instead.event.code, but the labels on the visual keyboard won't match your layout's key output. The tool is still fully functional for testing physical key function regardless of your layout — only the visual labels may differ.KeyboardEvent API (keydown and keyup events) which is supported across all major browsers. For the best experience, use an up-to-date browser version. The sound feedback feature uses the Web Audio API, which is also widely supported.Check if your page triggers the beforeinstallprompt event. Simulate the install flow. Debug PWA installability.
Select a simple 3D shape (cube, pyramid, cylinder) and generate a printable flat net with fold tabs. Great for DIY crafts and math class.
Drag pie slices to represent fractions and see them added together. Great for visual learners.
Design a layout where nested grids share track sizes with their parent via subgrid. Copy the complete CSS.
See how grid-auto-flow: row vs column changes item placement. Add and remove items to understand the algorithm. Visual.
Press any key combination and record the sequence. Export as JSON or human‑readable text. Perfect for documenting shortcuts.
Connect oscillators, gain nodes, and filters with a visual graph. Hear the result in real time. Learn Web Audio interactively.
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.
Paste long text and split it into 2, 3, or 4 balanced CSS columns. Preview and copy HTML/CSS. For magazine layouts.
Enter text and see each character's 8‑bit binary laid out in a black‑and‑white grid. Beautiful data art. Local.
Experiment with CSS container queries. Resize a container and see the styles change according to its size, not the viewport. Learn the new spec.
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.
Build a simple decision tree by adding yes/no nodes. Flowchart style. Export as text outline.
Enter a number and see its Collatz sequence graphed. Watch the steps until it reaches 1. Mesmerizing math.
Set a cron expression and see a calendar of the next 1,000 execution times. Never miss a schedule again.
An animated hourglass that you can set for any time. Watch the sand flow. Beautiful and calming timer.
Experiment with CSS Grid properties visually. Add rows, columns, and areas. See the grid in action and copy the code.
Enter a URL and drag a slider to change the viewport width smoothly. See exactly where your layout breaks. No iframe limits.
Enter a URL and extract tab‐index order violations and focusable elements. Quick accessibility audit. Client‑side fetch.
Build a GraphQL query by selecting fields and nesting visually. Copy the built query string. For learning and fast prototyping.
Create simple 2‑ or 3‑set Venn diagrams by entering comma‑separated lists. Shareable via URL fragment. No account.
Enter a number and see an animated factor tree breaking it down to primes. Perfect for teaching factorization.
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 keys on your physical keyboard and see them highlighted on a virtual keyboard. Detects multi-key rollover. Quick hardware check.
Build CSS Grid layouts by defining columns, rows, and gaps visually. Get the complete grid CSS code. An essential web design tool running in the browser.
Visually experiment with Flexbox container and item properties. See the layout update in real time and copy the CSS. Learn by doing, fully interactive.
Create photo collages by arranging multiple images on a canvas. Select grid templates or freeform placement. Export as single image. Secure local processing.