Cyber Grid Animated XP Overlay for Twitch Leaderboard

Cyber Grid is an animated XP and rank overlay for Twitch and StreamElements that turns every chat message into visible progress toward the next rank. I'm August, the one-person designer at DigitalScenary, and this cyberpunk HUD is my take on a high-energy channel look. Neon green and teal glow over a dark tech background, with a rotating frame and soft particle drift keeping the scene alive. Cyber Grid XP Overlay is an animated viewer rank and leveling widget for Twitch, YouTube, and Kick, built for StreamElements. Every chat message, follow, sub, raid, and cheer earns XP toward 16 ranks spread across 6 tiers, from Netlink up to the elite Singularity tier. The overlay pulls each viewer's real Twitch avatar automatically, displays their current rank and tier next to a smoothly animated XP bar, and updates the moment new XP comes in. Viewers can check their own progress with 5 chat commands — !rank, !xp, !level, !leaderboard, and !daily — each with configurable permissions for everyone, subs, VIPs, or mods. A live leaderboard ranks your most active chatters, and level-up popups celebrate milestones on screen. Colors, borders, sizes, and 37 visual themes are all adjustable, so the HUD can match any stream's palette. Each command whispers results privately, so checking !rank never spams the chat for everyone else. The !leaderboard command posts the top three viewers publicly, sparking exactly the kind of friendly competition that keeps a chat active between raids. A daily check-in command adds a small XP bonus every 20 hours, giving even quiet viewers a reason to type something each stream. Setup takes minutes — import the file into StreamElements and connect your Twitch channel. XP starts tracking automatically from your very first chat message. You set the reward per action, so a raid can matter more than a single message if that's how you want your community built. Popups fire for every level-up and rank change, keeping the leaderboard a reason for regulars to come back. Every color, from the rank text to the border glow, is yours to change. HUD position, particle density, and border animation speed are adjustable too, alongside 37 full visual themes. Cyber Grid suits gaming, tech, and competitive channels that want their chat to feel like part of the game. It's a small cyberpunk world your viewers level up inside of, stream after stream.