Adding Scout Predict support to your HUD is quite easy. If you create a new HUD using our cs2-react-hud as a base, the components are already included in its source code. If you want to expand your existing HUD, copy the files from

• https://github.com/lexogrine/cs2-react-hud/tree/main/src/HUD/Scout/index.scss
• https://github.com/lexogrine/cs2-react-hud/tree/main/src/HUD/Scout/index.tsx

into your code, then, in src/HUD/Layout/Layout.tsx import and put Scout component into the render:

import { Scout } from "../Scout";

<Scout left={left.side} right={right.side} />

And that’s it! You can stylize the Scout Prediction component to your heart's desires. Do keep in mind to leave the "Prediction powered by LHM.gg Scout AI" notice clean and readable.

Commit with Scout: https://github.com/lexogrine/cs2-react-hud/commit/656fce7e4f8e59b12b063fe49fbc87d96ae2e706