Skip to content

Webserver Template Gallery

All HTML templates use WebSockets (prefixed with ws-) for real-time updates that stay in sync with your stream. Templates are typically named with fade or nofade:

  • nofade: stays on screen for the duration of the song
  • fade: appears when the song changes, then fades out

For a complete list of templates, see the Template Reference.

Examples

ws-basicblack

Basic black overlay

ws-basicwhite, ws-basicblue, and ws-basicyellow use the same layout with different color schemes.

ws-mtv-nofade

MTV-style overlay

ws-mtv-fade

MTV-style overlay with fade

ws-mtv-cover-nofade

MTV-style overlay with cover art

ws-mtv-cover-fade

MTV-style overlay with cover art and fade

ws-cover-title-artist

Cover with title and artist on solid background

Cookie cutter DJ overlay

ws-unoriginal-dj-clone

Unoriginal DJ clone overlay

ws-typing-classic

Typing effect overlay

ws-spinblack

Spin animation overlay

ws-anime-elastic

Elastic animation overlay

ws-frosted-glass

Frosted glass overlay

A semi-transparent lower-third panel that uses CSS backdrop-filter: blur() to blur the actual stream content behind it, creating a genuine frosted glass appearance. OBS Studio's built-in browser supports backdrop-filter.