FACEIT Widget for Streamlabs - Live ELO & Stats Overlay

Create a free live ELO and stats overlay for Streamlabs Desktop. Add it as a Browser Source with no plugin or player login.

Set up FACEIT Widget in Streamlabs

Follow these steps to add a FACEIT stats overlay to Streamlabs Desktop. The same browser-source URL also works in OBS Studio.

Step 1: Enter the FACEIT nickname

Open the builder and enter the exact nickname from the FACEIT profile.

Step 2: Choose a layout and stats

Pick a preset and keep only the stats you want viewers to see.

FACEIT Widget builder settings with the Rank and ELO preset selected — Choose a preset and keep only the fields you want viewers to see.

Step 3: Set a transparent background

Select Transparent to keep the game visible behind the stats. The border and shadow stay disabled, so you do not need custom CSS in Streamlabs.

FACEIT rank and ELO widget displayed transparently over Counter-Strike 2 — The game remains visible through the widget while the stats stay readable.

Step 4: Copy the widget URL

When the preview is ready, select Copy URL.

The Copy URL dialog showing the generated browser source link — Copy the generated URL after the preview matches your stream layout.

Step 5: Add a Browser Source in Streamlabs Desktop

In Streamlabs Desktop, open the Sources panel in the editor and click +. Choose Browser Source, name it, and click Add Source.

Add Source dialog with Browser selected — Add a Browser Source to the scene where the overlay should appear. Streamlabs Desktop uses the same Browser Source type as OBS.

Step 6: Paste the URL and set the source size

Paste the copied URL and start with a width of 800 and a height of 300. Adjust the size or crop empty space if needed.

Browser source properties with a FACEIT Widget URL and an 800 by 300 canvas — Paste the widget URL and start with an 800 x 300 Browser Source.

Step 7: Position the overlay

Move the source into place and scale it without stretching. Keep the Browser Source active if you want its values to update outside the current scene.

Read the live stats guide to see what appears after a match.

Streamlabs FAQ

Does FACEIT Widget work with Streamlabs Desktop?

Yes. Copy the generated URL from the builder and add it as a Browser Source in Streamlabs Desktop. No plugin or FACEIT login is required.

What size should the Browser Source use?

Start with a width of 800 and a height of 300, then crop empty space or scale the source so the overlay fits your scene.

The overlay still shows an old layout

After you change the widget URL, refresh or recreate the Browser Source so Streamlabs loads the latest link.

Latest match stats are missing

Wait for FACEIT to publish the finished match, then allow up to about two minutes for the next widget refresh while the Browser Source stays open.

Also using OBS?

The same URL works in OBS Studio. Follow the OBS setup guide for OBS-specific Browser source steps.