Predecessor Match History Builder
Create your custom OBS browser source for match history display
Configure Your Browser Source
Basic Settings
Load from Existing Browser Source URL (Optional)
Load Settings from URL
Paste your existing /obs/... URL to load all settings and make changes
Player UUID *
Find your UUID at
pred.gg
URL Identifier *
URL-friendly identifier (lowercase letters, numbers, hyphens only)
Match Filter
All Matches
Ranked Only
Display Settings
Transparent Background (for OBS chroma key)
Enable for transparent background (overrides background color)
Enable Slidedown Animation Mode
Show only WR/Rank by default, then slidedown match cards every 5 minutes for 10 seconds
Background Color
Text Color
Match Card Background Color
Background color for individual match cards
Match Card Opacity
Transparency of match cards (0 = invisible, 1 = solid)
Browser Source Width (px)
Width of the browser source
Browser Source Height (px)
Height of the browser source
Match Card Width (px)
Visibility Options & Font Sizes
Show Win/Loss Stats Header
Font Size (px)
Show Rank/MMR Badge
Font Size (px)
Show Hero Name
Font Size (px)
Show KDA on Match Cards
Font Size (px)
Show Match Result (Victory/Defeat)
Font Size (px)
Show Game Mode (Ranked/NITRO/etc)
Font Size (px)
Match Count Settings
Matches Displayed
Number of matches to show on screen
Matches Fetched from API
Total matches to fetch (should be >= matches displayed)
Matches in Win Rate Calculation
How many recent matches to use for win rate stats
Create Browser Source
Your Browser Source URLs
OBS Browser Source URL (for OBS Studio):
Copy OBS URL
Test in Browser
Edit URL (to change settings later - SAVE THIS!):
Copy Edit URL
Open Editor
⚠️ Save this edit URL! You'll need it to modify your browser source settings later.
Live Preview
Slidedown Animation Mode
Match cards will be hidden by default and slide down every 5 minutes for 10 seconds
Preview with test data - update settings to see changes
Demo Animation