A modern overlay template with a web-based UI built on DirectX 11, Tauri, and React.
Web Overlay is an open-source template for building external overlays with a modern web-based menu. Instead of using ImGui for your UI, the menu 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.
- DirectX 11 Overlay — Fully working overlay system with window tracking, z-order management, and framerate control
- IPC System — TCP-based communication between C++ and React with automatic request/response handling
- Config Management — Complete serialization, deserialization, file saving/loading out of the box
- React UI — Pre-built menu with a component library (switches, sliders, color pickers, dropdowns, etc.)
- Hot Reload — Edit the React UI in real time without rebuilding C++
- Theme System — Built-in color presets with dark mode support
- Single Executable — Optionally embed the UI inside the C++ binary for distribution
- Windows 10/11
- Visual Studio 2022/2026 with C++ Desktop Development
- CMake 3.22+
- Bun
- Rust
- Git
git clone https://github.com/nopjo/web-overlay
cd web-overlayFollow the Setup Guide for detailed instructions.
web-overlay/
├── src-cheat/ # C++ backend (DirectX overlay, memory, IPC server)
├── src-tauri/ # Rust bridge (Tauri app, IPC client)
└── src-web/ # React frontend (UI components, pages)
Contributions are welcome! Feel free to open issues or submit pull requests.
This project is licensed under the MIT License - see the LICENSE file for details.