JohnTimmermann / OpenHud

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

Repository from Github https://github.comJohnTimmermann/OpenHudRepository from Github https://github.comJohnTimmermann/OpenHud

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

Custom CS2 Hud

Admin Panel

AdminPanel/Matches AdminPanel/Players AdminPanel/Teams AdminPanel/Dashboard

About

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

License:Other


Languages

Language:TypeScript 96.6%Language:CSS 1.7%Language:JavaScript 1.1%Language:HTML 0.6%