In-cockpit Overlay — Setup

→ Preview the overlay Copy OBS 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 you can pin over iRacing.

Read this first — a browser window is not see-through. Chrome and Edge paint a solid background behind every page. Transparent windows for web content are still only a W3C proposal, not a browser feature, so no setting on our page can change it. This method gives you a borderless, always-on-top window with a dark backdrop — great on a second monitor or parked in a corner of a borderless-windowed race, but the track will not show through behind the cards. Leave ?transparent=1 off here: it exists for OBS, and in a normal browser window it only turns the backdrop white. For a genuinely see-through overlay, use the OBS Browser Source tab above.

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 --window-size=1920,1080 --window-position=0,0

No ?transparent=1 here — that flag is for OBS. In a browser window it strips the dark backdrop and leaves a white one, which is worse over a race. The plain URL gives you the dark backdrop the cards are designed to sit on.

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).

Pin the window always-on-top

Chrome's --app windows have no toolbar or address bar, so you get just the overlay in a clean rectangle. To keep it above 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.

Click-through (optional but nice)

The Chrome app window will steal mouse clicks that land on it. Our page sets pointer-events: none internally, but that only stops the page reacting — Windows still routes the click to the browser window rather than to iRacing behind it. Making the window itself click-through needs an OS-level tool.

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

Launch order

Start the RealRacer.ai Connector (system tray icon)
Launch iRacing in Windowed (Borderless) mode
Double-click your overlay shortcut
If using AlwaysOnTop, focus the overlay window and hit your pin hotkey
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.

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

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 a spare monitor. Like any window it is opaque, so this is a second-screen dashboard rather than a see-through overlay — the transparency only pays off when the source is composited into an OBS scene.
Stream the OBS scene to a second device (tablet, phone) and mount that next to your wheel.

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

Top-centre: mini track map with live position dots — you, the car one position ahead, the car one position behind. Falls back to a horizontal lap-progress strip on tracks we don't have an SVG outline for yet.
Top-right: current lap time, Δ vs your best, Δ vs your last lap, plus three sector splits with purple/green/yellow colour
Bottom-centre: live delta strip — green when you're up on best, red when down
Bottom-left: last engineer / spotter / broadcaster line, fades after 8 seconds
Bottom-left (above): coach card — bigger, fades after 12 seconds (Pro/Max only — coach voice required)
Bottom-right: fuel litres + laps remaining; tyre warning when corners go hot (>105°C) or cold (<70°C)
Top-left: tiny status dot — green when telemetry is live, yellow when you're in the garage / on pit road

Hotkeys

Ctrl+Shift+H — toggle the entire overlay on/off (setting persists across reloads)

Troubleshooting

I can't see the overlay over iRacing. iRacing is in exclusive fullscreen. Switch to Windowed (Borderless) mode.
The overlay shows but says "connecting" forever. The Connector isn't running, or you're logged into a different account in this browser. Open Settings → Setup and confirm the PC is bound to your account.
I'm getting a white background instead of transparent. Browser source / window mode supports transparency on Chrome ≥75 and Edge. Older browsers don't.
The overlay covers my mouse cursor. See click-through step above, or hit Ctrl+Shift+H to hide while you click.
Lap time shows "—:——.——". Normal until you complete your first flying lap.