Stream Overlay Server Card Builder
Design a browser source card for OBS or Streamlabs showing your server details. Customize colors and copy the HTML/CSS.
Live Preview
Minecraft
My Awesome Server
play.example.com:25565
12 / 64 players
Preview at actual OBS browser source size (~380px wide)
OBS / Streamlabs Setup
- Click Copy HTML above
- Save the content as a
server-card.htmlfile - In OBS: Add Source → Browser → Local File → select your HTML file
- Set width to 380 and height to 140
- Position overlay in the corner of your scene
- In Streamlabs: same process - Browser Source → Local File