Hudify › How to Add Faceit Widget to OBS

How to Add Faceit Widget to OBS — 3 Steps

Display your live CS2 Faceit stats — ELO, K/D, ADR, Win Streak — directly on your stream as an OBS Browser Source. Takes under 2 minutes. No registration required.

⏱ 2 minutes setup ✓ Free ✓ No registration 🎮 CS2 · OBS · Streamlabs
1
Enter your Faceit nickname on Hudify

Go to hudify.app and type your Faceit nickname into the input field. Click Get Widget. Hudify instantly generates a unique Browser Source URL for your Faceit profile — no login, no OAuth, no account creation needed.

Note: You need an active Faceit account for the widget to show data. The nickname must exactly match your Faceit username (case-insensitive).
2
Copy your widget URL

After clicking Get Widget, a unique URL appears — something like hudify.app/widget/faceit?n=…. Click the Copy button to copy it to clipboard. This URL is your personal Faceit widget link. It works as a live Browser Source that auto-updates every 2 minutes.

You can also customize your widget before copying: choose accent color, background color, font color, and widget style (Flat or Glass). The URL updates automatically with your settings.

3
Add to OBS as a Browser Source

Open OBS Studio and follow these steps:

  1. In the Sources panel at the bottom, click the + button
  2. Select Browser Source from the list
  3. Name it "Faceit Widget" (or anything you like) → click OK
  4. Paste your Hudify URL into the URL field
  5. Set Width to 380 and Height to 52
  6. Check "Shutdown source when not visible" if you want it to pause off-screen
  7. Click OK → drag the widget to your preferred position in the scene
Tip: The widget has a fully transparent background. Place it over your gameplay, a corner of your webcam overlay, or anywhere in your scene — it blends naturally without a background box.

Using C4 Branding? Set height to 172 px

If you enabled the C4 Branding feature on hudify.app (adding your channel name with the 3D C4 flip animation), the widget periodically expands to show a branding panel. In that case, set the Browser Source height to 172 instead of 52:

  1. In OBS, right-click the Faceit Widget source → Properties
  2. Change Height from 52 to 172
  3. Click OK — the widget will show the full branding flip animation when it triggers
Why 172 px? When the C4 animation fires, the widget flips to show your channel name and the 3D bomb. The expanded panel is 172 px tall. At the standard 52 px the branding panel would be clipped.

How to add Faceit widget to Streamlabs OBS

The process for Streamlabs OBS (SLOBS) is identical:

  1. In Streamlabs, open your scene editor and click + in the Sources panel
  2. Select Browser Source
  3. Paste your Hudify widget URL into the URL field
  4. Set Width to 380 and Height to 52
  5. Click Done and position the widget in your scene

The widget auto-updates every 2 minutes in both OBS Studio and Streamlabs — you never need to reload or refresh the Browser Source manually after matches.

What the Faceit CS2 widget shows on stream

Once added to OBS, the Hudify widget displays live Faceit stats that update automatically after each CS2 match:

ELO
Your current Faceit ELO rating, updated in real time after each match.
Session ELO Change
How much ELO you've gained or lost in the current streaming session (shown as +/-).
K/D Ratio
Kill/Death ratio for the current session — refreshes after every match.
ADR
Average Damage per Round — a key CS2 performance metric, tracked per session.
Win Streak
Consecutive wins counter. Highlights in gold at 2+ wins in a row.
Win Rate
Win percentage for the current session, calculated from match results.
Match History
Last 5 match results shown as W/L badges so viewers can follow your recent form.
Faceit Level Badge
Visual badge showing your current Faceit rank from Level 1 to Level 10.

Before the first match of the day, the widget shows your lifetime Faceit stats: total matches, all-time win rate, overall K/D, headshot percentage, and your top maps. This ensures viewers always see useful data even before you start playing.

What is Faceit ELO?

Faceit ELO is the skill rating system used on the Faceit platform for CS2 competitive matchmaking. Unlike standard CS2 matchmaking, Faceit uses ELO-based ranking across 10 skill levels:

You gain ELO for winning matches and lose ELO for losses. The amount gained or lost depends on the ELO difference between teams. Many CS2 players prefer Faceit because it offers better anti-cheat, more consistent matchmaking, and a clearer progression system than standard CS2 ranked.

Hudify's widget shows your current ELO plus how much it has changed during your streaming session — so your viewers always know exactly where you're at and how your session is going.

Frequently Asked Questions

What is a Browser Source in OBS?
A Browser Source is a source type in OBS Studio and Streamlabs OBS that renders a live web page directly inside your stream scene. It supports transparent backgrounds, so your Faceit widget overlays gameplay without any background box. Browser Sources update in real time — Hudify uses this to show your live stats without requiring OBS restarts or manual refreshes.
What size should I set the Faceit widget in OBS?
Set Width to 380 px and Height to 52 px for the standard widget. If you enable the C4 Branding feature (adds your channel name with a 3D flip animation), set Height to 172 px — the branding panel expands the widget when it animates. You can set height to 172 px even if branding is enabled, as the widget stays at 52 px height most of the time and only expands during the flip.
Does the Faceit widget work with Streamlabs OBS?
Yes. The Hudify widget works as a Browser Source in Streamlabs OBS exactly the same way as OBS Studio. Add a Browser Source, paste your URL, set 380×52 px, and you're done. Stats auto-update every 2 minutes with no manual reloads needed.
Do I need to register or connect my Faceit account?
No. Hudify only needs your Faceit nickname — no OAuth login, no account creation, no permissions. Enter your nickname, copy the generated link, add it to OBS. That's it. You do need an active Faceit account because the widget reads your public Faceit profile stats.
How often do the stats update?
Every 2 minutes automatically. After a CS2 match finishes on Faceit, the widget updates within 2 minutes — showing your new ELO, updated K/D, ADR, Win Streak and match result. No OBS restart or source reload needed.
Can I customize the widget colors?
Yes. On hudify.app you can choose accent color, background color, background opacity, and font color. There are also two widget styles: Flat (clean minimalist look) and Glass (semi-transparent with backdrop blur). Every setting generates a new URL — just copy the updated link and replace the Browser Source URL in OBS.
Is Hudify free?
Yes, Hudify is completely free with no registration, no subscription, and no hidden fees.

Ready? Get your Faceit widget in 30 seconds

Enter your Faceit nickname → copy link → add to OBS. No registration, no login, completely free.

Get Widget Free →