I built a free, open-source FACEIT widget for OBS

del — Sat, 22 Aug 2026 04:22:24 +0000

Displaying FACEIT stats on a stream should not require installing a plugin, connecting an account, or designing an overlay from scratch.

I built FACEIT Widget to make that process simpler. Enter a FACEIT nickname, choose a
layout, customize the visible information, and copy one URL into an OBS Browser Source.

The project is free, open source, and does not require a FACEIT login.

What the widget can display

FACEIT Widget currently supports:

FACEIT level or Challenger status
ELO and daily ELO difference
World, region, and country ranking
K/D and recent performance
Today's wins and losses
Recent match results
Multiple compact and detailed layouts

Each layout is designed to remain readable over gameplay without taking over the scene.

Building a widget

The builder uses the actual FACEIT nickname entered by the user. The preview updates while the layout and visible fields are configured.

The basic flow is:

Enter a FACEIT nickname.
Select a layout.
Choose which statistics should appear.
Adjust the colors, size, background, border, and motion.
Copy the generated widget URL.

The generated URL contains the widget configuration, so there is no account or dashboard that needs to remain connected.

Open the widget builder

Adding it to OBS

In OBS Studio, add a new Browser Source and paste the generated URL. The source background is transparent, allowing the widget to sit directly over the game
capture.

The widget can be resized and positioned like any other OBS source. When FACEIT publishes updated match information, the displayed statistics update without
replacing the Browser Source URL.

A complete walkthrough is available in the FACEIT widget for OBS guide.

Why I made it open source

This is a small tool with a specific job. Keeping it open source makes its behavior inspectable and gives streamers a direct place to report bugs, request
layouts, or contribute improvements.

The application is built with Next.js, TypeScript, Tailwind CSS, and Cloudflare. The repository includes the frontend, widget layouts, configuration model,
tests, and deployment setup.

You can find the source code on GitHub.

What comes next

The current focus is improving the existing layouts and making the OBS setup as reliable as possible.

If you stream FACEIT matches, I would like to know:

Which statistics matter most during a stream?
Is there a layout missing?
Does the widget fit naturally into your OBS scene?
What would make the setup easier?

Try it at faceitwidget.com.

FACEIT Widget is an unofficial community project and is not affiliated with FACEIT.

DEV Community: del

Lets go