What is Web Overlay

Web Overlay is an open source template for building external overlays with a modern web-based UI. Instead of building your menu with ImGui like most overlays do, the UI runs as a Tauri application — meaning you write it in React and style it however you want, while the C++ backend handles all the game stuff and rendering.

---

What's Included

C++ Backend — A fully working overlay system built on DirectX 11 with window tracking, z-order management for the tauri UI, focus detection, and a framerate limiter. It attaches to a target process and positions itself over the game window automatically.

IPC System — A TCP-based communication layer that connects the C++ backend to the React UI. Sending data between the two is handled automatically — you register a handler in C++ and call it from React without touching any of the networking code.

Config System — A complete config management system that handles serialization, deserialization, saving to disk, and loading from disk out of the box. Registering a new config is a single line of code and it becomes immediately available to the UI over IPC.

React UI — A pre-built menu with a component library including switches, sliders, color pickers, dropdowns, multi-selects, sections, and more. Color themes are built in with dark mode support. The UI connects to the C++ backend automatically and shows a reconnection screen if the process isn't running.

---

How it's Structured

The project is split into three parts that work together:

• src-cheat — The C++ backend. This is where you write your features, register configs, and add IPC handlers.
• src-tauri — The Rust bridge. This connects the React UI to the C++ backend over TCP and exposes C++ handlers as Tauri commands.
• src-web — The React frontend. This is where you build your menu pages using the included component library.

For a deeper look at how these three layers communicate, see How it Works.