Skip to content

Open hud uses the CS2 GSI and a node server with websockets to send data to a react client.

License

Notifications You must be signed in to change notification settings

JohnTimmermann/OpenHud

Repository files navigation

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)

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

Custom CS2 Hud

Admin Panel

AdminPanel/Matches AdminPanel/Players AdminPanel/Teams