Valorant Rank Overlay Generator
Show Off Your Competitive Journey Live on Stream!
The Valorant Rank Overlay Generator is a sleek, real-time widget built specifically for Valorant streamers. Instead of manually editing your stream layout or updating overlays when your rank shifts, this widget connects securely to public MMR tracker endpoints and updates your rank badge, tier name, and Rank Rating (RR) automatically.
🌟 Key Features:
- 4 Premium Layout Styles: Choose from Classic Bento, Compact Minimalist (icon + RR only), Streamer Badge (vertical format), and Radiant Glow (neon Cyberpunk accent).
- Dynamic Rank Themes: The borders, text shadow, and glows of the widget dynamically adapt to the color of your player rank (grey for Iron, yellow for Gold, cyan for Platinum, dark red for Immortal, and glowing gold for Radiant!).
- Real-time Auto-Sync: Refreshes your status automatically every 3 minutes so your stream audience sees your rank gains instantly.
- Lightweight & Secure: Runs on a transparent canvas, optimized for browser sources with zero impact on game ping or streaming performance.
🎥 How to Add to OBS Studio or Streamlabs:
- Generate your Overlay: Fill in your Riot ID, Tagline, Region, and HenrikDev API Key below, choose your style, and click Open Overlay URL.
- Copy the URL: Copy the URL of the page that opens in the new tab.
- Add Browser Source: In OBS Studio or Streamlabs, click the + icon in your Scenes, select Browser, and name it “Valorant Rank”.
- Configure Dimensions: Paste the URL into the URL field.
- For Classic, Minimal, and Glow styles: Set width to 450 and height to 150.
- For the Streamer Badge style: Set width to 250 and height to 350.
- Enjoy: Check “Refresh browser when scene becomes active” and place the overlay anywhere on your screen!