Stream OverlaysOverview

Stream Overlays

Rastry provides free, customizable overlays for your stream.

Available Overlays

Your live rank for Valorant, LoL and CS2

Rank Overlay

Live match data for professional tournaments

Esports

Show what song is playing

Music Overlay

Display your virtual pet

Pet Overlay

How Overlays Work

All Rastry overlays are Browser Sources that you add to OBS:

  1. Get your unique overlay URL from rastry.com
  2. Add a Browser Source in OBS
  3. Paste the URL
  4. Position and resize as needed

All overlays are completely free to use!

Supported Streaming Software

SoftwareSupport
OBS StudioFull support
Streamlabs OBSFull support
XSplitFull support
Twitch StudioFull support
Any with Browser SourceCompatible

General Setup

Adding to OBS

  1. Open OBS Studio
  2. In your scene, click + under Sources
  3. Select Browser
  4. Name it (e.g., “Music Overlay”)
  5. Paste your overlay URL
  6. Set width/height as recommended
  7. Click OK

Recommended Settings

SettingValue
Width1920 (or match overlay type)
Height1080 (or match overlay type)
FPS60
Custom CSSLeave empty
Refresh browser when scene becomes activeEnable

Overlay URLs

Each overlay has a configuration page where you get your unique URL:

OverlayConfiguration Page
Valorant Rankrastry.com/overlay/rank/valorant
LoL Rankrastry.com/overlay/rank/lol
CS2 Rankrastry.com/overlay/rank/cs2
Valorant Matchrastry.com/overlay/esports/valorant
CS2 Matchrastry.com/overlay/esports/cs
LoL Matchrastry.com/overlay/esports/lol
Music (Spotify)rastry.com/overlay/music/spotify
Music (YouTube)rastry.com/overlay/music/youtube
Music (Apple)rastry.com/overlay/music/apple
Music (SoundCloud)rastry.com/overlay/music/soundcloud
Pet Overlayrastry.com/overlay/pets

Each overlay generates a unique token URL for security. Copy it from the configuration page!

Your personal overlay URL will look like:

https://www.rastry.com/overlay/music/spotify/display?token=YOUR_UNIQUE_TOKEN

Troubleshooting

Overlay Not Loading

  1. Check URL is correct
  2. Verify you’re logged in to rastry.com
  3. Refresh the browser source (right-click → Refresh)

Overlay Looks Wrong

  1. Check width/height settings
  2. Try different zoom levels
  3. Clear browser cache in OBS

Performance Issues

  1. Enable “Shutdown source when not visible”
  2. Lower FPS to 30
  3. Reduce overlay resolution

Next Steps

Choose your overlay:

All CommandsRank Overlay