GamePad Viewer Free Online Controller Display and Tester
A free online gamepad viewer that displays your controller's button presses, trigger pressure, and analog stick movement in real time. Perfect as an OBS or Streamlabs browser source for live streams on Twitch, Kick, and YouTube. Works with Xbox, PlayStation, Nintendo Switch Pro, and any USB controller. Built by the team behind Gamepad Tester, no signup, no download, and your data never leaves your device.
Use as OBS or Streamlabs Browser Source
Copy the URL below and add it as a Browser Source in OBS, Streamlabs, or any streaming software. The viewer respects URL parameters for skin and stream mode so you can drop it straight into your scene.
What is a GamePad Viewer?
A gamepad viewer is a real time visual display of your controller. Whenever you press a button, squeeze a trigger, or push an analog stick, the on screen controller mirrors that input instantly. Streamers use viewers like this as an overlay so their audience can see exactly what they are doing in fast paced games. Hardware testers use it to verify every input on a new or used controller actually works before keeping it or returning it.
Our GamePad Viewer goes well beyond a basic display. It uses the modern Gamepad API built into every Chrome, Edge, Firefox, Safari, Brave, and Opera browser. The tool detects connected controllers automatically, identifies the device by its raw vendor name, and visualises every button, axis, and trigger in real time. You also get four interchangeable controller skins, full colour customization, an OBS ready stream mode, and a button history log to confirm even brief inputs were registered.
Because the entire tool runs locally in your browser, there is nothing to install, no plugins to manage, and your input data is never sent anywhere. It is a one click solution that works on any device with a USB or Bluetooth controller.
Powerful Features for Streamers and Testers
Most gamepad viewers stop at a basic outline that lights up when you press a button. Our tool ships with the kind of advanced controls you would expect from professional streaming software, all packed into a single browser page.
Four Premium Controller Skins
Switch instantly between Xbox, PlayStation, Nintendo Switch Pro, and a clean Minimalist skin to match your stream aesthetic or hardware.
Real Time Button Visualization
Every button press lights up on screen within a single animation frame, so even rapid double taps and combos are perfectly visible to viewers.
Pressure Sensitive Triggers
LT and RT (or L2 and R2) display variable pressure as a fill bar from 0 to 100 percent, just like in pro racing and FPS overlays.
Live Analog Stick Tracking
Both sticks track your real movement smoothly in 360 degrees, with sub pixel accuracy that captures even the smallest aim adjustments.
OBS and Streamlabs Ready
Stream Mode strips the UI to a clean overlay. Combined with chroma green, blue, or transparent backgrounds, it drops straight into your scene.
Button Press History Log
The last twenty inputs are timestamped and listed below the viewer, useful for verifying inputs on suspect buttons or analysing your reaction speed.
Custom Active Color Picker
Pick any hex colour for active button highlights so the overlay matches your channel theme, sponsor branding, or game mood.
Up To Four Players Supported
Switch the active player slot from 1 through 4 to view any connected controller on a multi player setup, even local couch co op.
Full Hardware Spec Readout
See controller name, mapping standard, button count, axis count, vibration support, and player index. Confirm your gamepad is detected correctly.
URL Parameter Customization
Set skin, stream mode, accent colour, and background straight from the URL, perfect for OBS browser sources you cannot fiddle with mid stream.
Privacy First Architecture
All input processing happens in your browser. No keystrokes, button presses, or device information are uploaded, stored, or transmitted. Ever.
Universal Compatibility
Works with Xbox, PlayStation, Nintendo Switch Pro, generic USB pads, fight sticks, and Bluetooth gamepads on Windows, macOS, Linux, Android, and iOS.
Why This Viewer Beats Other Tools
We benchmarked our viewer against the best known online gamepad viewers and OBS overlays. Here is how we compare on the features that actually matter when you are setting up a stream or testing a controller.
| Feature | This Tool | Typical Viewer |
|---|---|---|
| Real time button display | Yes | Yes |
| Multiple controller skins | 4 built in | 1 to 2 only |
| Pressure sensitive trigger bars | Yes | Limited |
| Live analog stick tracking | Yes | Sometimes |
| Custom active button colour | Yes | Rare |
| Chroma green and blue backgrounds | Built in | No |
| OBS ready stream mode | Yes | Sometimes |
| URL parameter support | Yes | Sometimes |
| Player slot 1 through 4 | Yes | No |
| Button press history log | Yes | No |
| Hardware spec readout | Yes | Partial |
| Mobile responsive design | Yes | No |
| No signup, no install | Yes | Mostly |
| Privacy first, no tracking | Yes | Mostly |
Key Advantages Over Other Sites
Beyond raw feature counts, here is why streamers, content creators, and hardware testers keep coming back to our gamepad viewer instead of the older alternatives.
- 1Four genuinely different controller skinsMost viewers ship with one Xbox layout and call it a day. We built four distinct skins so the on screen controller actually matches the brand of the hardware in your hands.
- 2Trigger pressure that actually feels aliveThe trigger bars fill smoothly with every analog change. In racing games and FPS titles, viewers can see exactly how hard you are braking or aiming down sights.
- 3Stream Mode in one clickOne toggle removes every UI element except the controller, ready for OBS or Streamlabs to capture as a clean transparent overlay.
- 4Custom colour matching your streamPick any hex colour for the active button highlight. Match your channel branding, sponsor look, or current game palette in seconds.
- 5Hardware specs you can actually trustMapping standard, button count, axis count, vibration support, and the raw vendor string. If the controller is misbehaving, you will know which spec is off.
- 6Mobile responsive everywhereTested on iPhone, iPad, Android phones, and Android tablets. The viewer scales smoothly so support staff and forum testers can use it from any device.
- 7True privacy by designEvery button press stays inside your browser. No analytics on your gameplay, no telemetry, no recordings stored on a server you cannot reach.
- 8Live human support, not a Discord shrugIf something does not work, our team replies the same day through the Gamepad Tester contact page with hands on troubleshooting help.
How the GamePad Viewer Works
The whole setup takes less than a minute. Here is what happens behind the scenes from the moment you plug in a controller.
Connect Controller
Plug in any USB controller or pair a Bluetooth one. Xbox, PlayStation, Switch Pro, and generic pads are all supported.
Wake the Controller
Press any button or move a stick. Browsers only expose connected controllers after a real input, for security reasons.
Pick a Skin
Choose Xbox, PlayStation, Switch Pro, or Minimalist depending on your hardware or your stream theme.
Customize Look
Set background, active button colour, and player slot. Toggle Stream Mode to clean up the layout for OBS.
Verify Inputs
Press every button, squeeze both triggers, and rotate both sticks fully. Watch the on screen controller mirror each input.
Add to OBS
Copy the browser source URL, paste it into OBS or Streamlabs, and crop or resize it to fit your scene perfectly.
Adding the Viewer to OBS or Streamlabs
Setting up the GamePad Viewer as an overlay in your favourite streaming software takes about thirty seconds. The same steps work on OBS Studio, Streamlabs Desktop, Twitch Studio, and any other tool that supports browser sources.
Open Sources
In your scene panel, click the plus icon and pick "Browser" or "Browser Source" from the list.
Paste URL
Copy the URL from the box above, paste it into the URL field, and set width 800, height 480 to start.
Enable Transparency
Use the Transparent background option in our tool, then OBS will key out the page background automatically.
Position the Overlay
Drag and resize the source on your canvas. A bottom corner is the most common placement for FPS and racing streams.
URL parameters supported: ?skin=xbox, ?skin=ps, ?skin=switch, ?skin=minimal, ?stream=1 for stream mode, ?bg=transparent for chroma keying, and ?color=ff00aa (hex without hash) for the active button colour.
Supported Controllers
The viewer uses the standard Gamepad API, which means it works with any controller your operating system already recognises. Here are the most common devices that have been tested and confirmed to work.
Xbox Series X and S
Wired and Bluetooth Xbox Wireless Controller, all face buttons, triggers, bumpers, and dual sticks fully mapped.
Xbox One
Original Xbox One Controller and Elite Series 1 and 2 supported, including paddles where the OS exposes them.
Xbox 360
Wired Xbox 360 controllers and the wireless adapter version both work flawlessly with full input coverage.
PlayStation 5 DualSense
Sony DualSense over USB and Bluetooth. Adaptive triggers register pressure smoothly in the trigger bars.
PlayStation 4 DualShock
DualShock 4 wired and wireless. Touchpad click registers as Select. Light bar control is OS dependent.
Nintendo Switch Pro
Switch Pro Controller works over both USB C and Bluetooth, with proper A B X Y mapping.
Nintendo Joy Cons
Joy Cons in a charging grip register as a single combined controller on most browsers.
Steam Controller
Valve Steam Controller and Steam Deck handheld both expose a standard mapping in Chrome and Firefox.
Generic USB and Bluetooth Pads
8BitDo, Logitech, Razer, GameSir, PowerA, Hori, and any HID compliant gamepad is automatically supported.
Common Use Cases
People use a gamepad viewer for dozens of reasons. Here are the most common scenarios where this tool saves time or improves your stream.
Twitch and Kick Streaming
Show viewers exactly what inputs you are pressing during fast paced action, fighting, racing, and platforming streams.
YouTube Gaming Videos
Add a clean controller overlay to tutorials, walkthroughs, and combo guides so viewers can follow your inputs.
Esports Coaching
Coaches use the viewer to analyse student inputs frame by frame in fighting and FPS practice sessions.
Speedrun Verification
Pair the viewer with a recording so moderators can confirm legitimate inputs in submitted runs.
Hardware Testing
Verify a brand new or refurbished controller responds to every input before keeping it or returning it for refund.
Repair Confirmation
After a stick swap or button repair, confirm the fix worked before reassembling the controller.
Accessibility Testing
People testing one handed or assistive controllers can confirm every adapted input is registering correctly.
Game Development QA
Game devs use the viewer alongside their build to verify their input handling matches the raw controller state.
Browser and Device Compatibility
Our gamepad viewer works in every modern browser that supports the Gamepad API, which covers virtually every browser released in the last seven years.
Desktop browsers: Google Chrome 35 and later, Mozilla Firefox 29 and later, Microsoft Edge 79 and later, Safari 10.1 and later, Brave, Opera 22 and later, and Vivaldi.
Mobile browsers: Chrome for Android, Samsung Internet, Firefox for Android, and Safari on iOS 13 and later. Bluetooth controller support varies by mobile operating system.
Operating systems: Windows 7, 8, 10, and 11, macOS 10.13 and later, Ubuntu and other major Linux distributions, ChromeOS, Android 7 and later, and iOS 13 and later.
Internet Explorer is not supported because it lacks the modern Gamepad API required for accurate visualization.
Privacy and Security
Controllers are personal hardware, and the inputs you make in a competitive game can be sensitive. We treat that data the way we treat audio in our Mic Test tool, which means it stays on your machine.
Every part of this viewer runs locally inside your browser using JavaScript and the Gamepad API. Button presses and stick positions are read on your CPU, displayed on screen, and discarded the moment you close the tab. There is no upload step, no cloud processing, and no third party input service involved.
We do not store, log, or analyse the contents of your controller input. We do not run inference on your play patterns. We do not pass any controller data to advertisers, analytics services, or AI training pipelines.
For full details on how we handle the small amount of analytics we do collect at the page view level, see our privacy policy.
Frequently Asked Questions
Try Our Other Free Tools
This GamePad Viewer is part of a wider set of free hardware diagnostic tools we build at Gamepad Tester. Each one runs in your browser with the same privacy first approach.