Tools

In-car HUD.

A transparent timing & coaching HUD that sits over your iRacing window. Lap times, sector splits, live delta, fuel, tyre warnings, and the latest race-radio line — all visible without leaving the cockpit view.

Overview Upload In-car HUD Video
→ Preview the overlay Copy overlay URL (transparent)
Important: iRacing in exclusive fullscreen mode will render OVER any OS-level overlay. You must run iRacing in Windowed (Borderless) mode for the RealRacer.ai overlay to be visible. Most triple-monitor setups already do this. Change it in iRacing's Graphics Options → Window Mode.

Two ways to run it

Pick whichever matches your setup. Both options use the same overlay URL, so you can switch between them at any time.

Chrome / Edge App Window recommended
OBS Browser Source

Chrome and Edge both have an --app= mode that opens any URL as a borderless window. Combined with our overlay's transparent background, that's all you need.

1

Create a desktop shortcut

Right-click your desktop → New → Shortcut.

Paste this in the location box (Edge users: swap the path for msedge.exe):

"C:\Program Files\Google\Chrome\Application\chrome.exe" --app=https://realracer.ai/overlay?transparent=1 --window-size=1920,1080 --window-position=0,0

The ?transparent=1 tells the overlay to drop its preview backdrop. Without it you'd see a black rectangle instead of just the floating cards.

Adjust --window-size and --window-position to match the iRacing screen you want the overlay on. For triple-monitor users, the centre screen typically starts at the right offset (e.g. --window-position=1920,0 for a 3 × 1080p setup).

2

Make the window transparent + always-on-top

Chrome's --app windows already have no chrome (toolbar / address bar), and our overlay page draws nothing where the cards aren't. To pin it on top of iRacing:

  • Easiest: install the free AlwaysOnTop tool. Hotkey Ctrl+Space to pin/unpin any window.
  • Alternative: use AutoHotkey one-liner (WinSetAlwaysOnTop, Toggle, A) bound to a hotkey.
3

Click-through (optional but nice)

By default the Chrome app window can steal mouse clicks. RealRacer.ai's overlay page is internally pointer-events: none, so clicks will already pass through the transparent areas — but on the cards themselves they won't.

If you want full click-through, use a Windows tool like Click-Through-Forms or the AutoHotkey WS_EX_TRANSPARENT recipe.

4

Launch order

  1. Start the RealRacer.ai Connector (system tray icon)
  2. Launch iRacing in Windowed (Borderless) mode
  3. Double-click your overlay shortcut
  4. If using AlwaysOnTop, focus the overlay window and hit your pin hotkey
  5. Hit Ctrl+Shift+H in the overlay window to toggle visibility on/off any time

If you're already streaming or recording with OBS, this is the simplest route — your existing OBS scene becomes the overlay layer.

1

Add a Browser Source

  • OBS → Sources → + → Browser
  • URL: https://realracer.ai/overlay?transparent=1  (the ?transparent=1 is critical — without it OBS picks up a black backdrop instead of just the cards)
  • Width: 1920  ·  Height: 1080
  • Tick Custom CSS off — the page is already transparent
  • Tick Shutdown source when not visible off — keep it warm
2

Show it locally with an OBS Virtual Camera or projector

OBS browser sources are normally only visible to your stream/recording. To see them on your screen while you race, use one of:

  • Right-click the source → Windowed Projector → Source. Drag the projector window onto your iRacing monitor. (Won't be transparent on its own — for racing-on-screen use the Chrome method above.)
  • Stream the OBS scene to a second device (tablet, phone) and mount that next to your wheel.
3

For streamers: layer on top of your iRacing capture

Add a Game Capture (or Display Capture) source for iRacing, then place the RealRacer.ai Browser Source above it in the OBS source list. The overlay will composite directly into your stream.

What's on the overlay

Hotkeys

Troubleshooting