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