← Back to portfolio

Built by RoviDev Studio

Discord Live Overlay — project cover
STREAMING · DISCORD · OBS

Discord Live Overlay

A real-time web overlay that shows your Discord server's member count and rotating promotional messages. Designed for streamers who want to bring their community on stream in style.

Node.js Express Discord API OBS HTML/CSS
I want something like this

Project overview

Project built by RoviDev Studio: a professional overlay for OBS, Twitch and Kick. A real-time web overlay that shows your Discord server's member count and rotating promotional messages…

OBSNatively compatibleBrowser source ready for OBS, Streamlabs and Kick Studio.
CacheOptimised APIReduces Discord calls with smart caching.
LiveReal timeMember count updated automatically.
Config100% .envMessages, colours and rotation without touching code.

Problem → Solution

The challenge

  • Streamers want to show the size of their Discord community live.
  • Building custom overlays requires manual design and development.
  • Discord APIs have rate limits that must be managed.

The RoviDev Studio delivery

  • HTML/CSS overlay ready for OBS as a browser source.
  • Node.js API with caching to query members without overloading Discord.
  • Configurable promotional messages with automatic rotation.
  • A configuration endpoint to refresh without restarting the stream.

What’s inside

Overlay

OBS-ready

Static page optimised for a browser source in any streaming software.

Discord

API v10

Real-time query of the server's member count.

Cache

Rate-limit safe

Caching system that respects Discord API limits.

Promos

Auto rotation

Messages configurable via .env with smooth transitions.

Express

Lightweight API

Minimal Node.js server on a dedicated port.

Setup

Plug & play

Set up in minutes: overlay URL + Discord token.

Stack & architecture

RuntimeNode.js + ExpressLightweight REST API with dotenv.
DiscordAPI v10Official integration with response caching.
FrontendHTML/CSS/JSStatic overlay with no heavy dependencies.
StreamingOBS/Kick/TwitchBrowser source compatible with all software.
ConfigdotenvEnvironment variables for quick customisation.
InfraLocal VPSService on a dedicated port behind a proxy.

Want a project like this?

RoviDev Studio designs, builds and ships custom digital products. Tell us your idea.

Request a quote contacto@rovidev.com

See full portfolio · Services · Hire us

Related services

Custom bots · AI chatbots