A manually-controlled HUD to be used for Valorant Esports streaming and observation; Perfectly aligned with VALORANT's native UI.
Currently, due to VALORANT Client's limitations, there's no automatic game feeds; This Tool is manually controlled through an HTML page. Overlay can be used in OBS Browser Source or anywhere else.
- Teams scoreboard
- Timeout indicator: Aligned with ingame timer + Timeouts count & Animated background
- TECH PAUSE Indicator
- Match Point header
Click to view more
IF YOU RAN A TOURNAMENT USING THIS, PLEASE OPEN A DISCUSSION⇗ SO I CAN BE HAPPY ABOUT IT🥺🎉🎉🎉
Note
You have to install Node.js in order to run this Overlay.
-
Clone the repo or download ZIP
-
Open a terminal in repo's folder and run this command:
npm install
- Wait until you see this message:
added x packages, and audited x packages
- Open a terminal in repo's folder and run this command:
node server.js
- The overlay server is started now. Use these addresses to access Admin Page and the Overlay itself:
Admin: localhost:7777/admin.html
Overlay: localhost:7777/overlay.html
- The logo should be a 1:1 Image file, it's recommended to be larger than 200x200px
-
Copy the logo file in public/userdata/
-
Configure it for the desired team in the Match Setup page.
This tool is available for everyone under GPL-3.0 License. (TLDR: u can copy, modify and distribute it but under the same license, use privately or for commercial purposes, and it's provided without warranty. learn more)
Important
Crediting me isn’t necessary, but it would mean a lot if you did... 👉👈
Fonts (Tungsten and DIN Next) aren't licensed! The open-source license applies to my code—not to those fonts. Soooooo take care of your projects made based on this code! If this ever becomes a problem for you, replacing them with free alternatives is the safest path. Just wanted you to know...