OpenHud
Open hud uses the CS2 GSI and a node server with websockets to send data to a react client.
Install / Use
/learn @JohnTimmermann/OpenHudREADME
OpenHud - An open source CS2 Custom Hud.
Join the community Discord!
- Tech: Electron, React, Typescript, NodeJS, Express, Socketio, SQLite3
- Styling: TailwindCSS (admin panel) / Sass (hud)
License
This software is licensed under a custom license that allows free use and modification — including in monetized streams and videos — but forbids resale of the program or modified versions.
If you redistribute modified versions, you must provide proper credit and disclose what changes were made.
See LICENSE for full details.
Getting Started:
- Download the latest .zip form the releases page and unzip it.
- Copy the gamestate_integration_openhud.cfg file from the .zip /resources/src/assets to your CS config folder (the same folder you'd put an autoexec.cfg). (Will make it automatic in the future)
- Launch openhud.exe and run CS2 in WindowedFullscreen mode.
- You're done! Create your players, teams, and matches. Start CS2 and join a match (or demo) as a spectator.
- For the Spectator overlay, click the overlay button in the side menu of the app.
- For OBS overlay, create a Browser Source, delete all of the custom css, and use the url: http://localhost:1349/api/hud
Hopefully it ends up looking very nice and lets a lot of people use it in their streams!
OpenHud React Hud based on Lexogrine react hud

Admin Panel

Related Skills
node-connect
339.1kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
83.8kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
339.1kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
commit-push-pr
83.8kCommit, push, and open a PR
