Slow Pour Cozy Cafe Stream Overlay

A whole cafe, running on one file.

A warm corner counter at golden hour. Brass espresso machine, rain on the window, a pothos trailing down from the shelf. Your tip goal is a glass pour-over carafe standing on the counter, and it fills with coffee as tips land. Chat from Twitch, YouTube and Kick arrives as paper order tickets clipped to one brass rail, each with its own platform color. When someone tips or follows, the counter bell rings and a fresh ticket slaps onto the rail.

Two ways to install it. Pick one.

• StreamElements. Paste one file into a custom widget and paste the fields file into its fields box. That is the whole setup. No token to copy, no files on your machine, and your Twitch chat, tips, follows, subs and cheers all arrive through StreamElements on their own. The settings become boxes in the StreamElements dashboard.
• Simple, straight in OBS. One HTML file, one Browser Source, nothing installed and nothing in the cloud. Chat needs your channel name and nothing else. Tips need a StreamElements token pasted into the overlay's own settings panel, where it stays on your machine and never goes into the source URL.

Same overlay either way, and the pack carries both. Run one path, not both, or chat arrives twice.

What you get

• Tip goal carafe. Coffee rises as tips come in, the level slips behind the brass collar and reappears in the cone, steam thickens as you get closer, and the goal hit blooms crema across the glass.
• Multistream order ticket chat. Twitch, YouTube and Kick on one rail, one ticket per message, oldest curling and dropping off the bottom.
• Alerts. A ticket slaps up on the rail and the counter bell rings for tips, follows, subs and cheers.
• The counter scene as a transparent plate you can drop behind a camera or over gameplay.
• One page setup PDF with both paths on it, and a plain text install guide.

One file, or four sources

In OBS, everything runs from a single HTML file you point a Browser Source at. Every asset is embedded, so nothing can go missing or break later. If you want the pieces apart, add the same file again as separate Browser Sources with ?only=frame, ?only=carafe, ?only=chat or ?only=alerts. Each piece keeps its place on the same 1920x1080 stage, so a piece on its own source lands exactly where it sits in the full overlay.

What connects

• StreamElements. Tips fill the carafe, and follows, subs and cheers ring the counter bell. In the StreamElements widget your Twitch chat comes through it as well, with no token at all.
• Twitch chat. Your channel name is all it needs. No token, no login, no password.
• Kick chat. Your channel name is all it needs, over Kick's public chat websocket.
• YouTube chat. Your live URL plus a free YouTube Data API key from Google Cloud Console.
• Fill any combination. One platform, or all three on the same rail.
• Streamlabs is not connected in this version.

What you can change

Goal target, currency, starting amount, how many tickets hang on the rail, how long a ticket stays, the Kick and YouTube channels, and a switch for each of the four pieces. In StreamElements those are fields in the dashboard. In OBS, press S over the overlay to open the settings panel.

With nothing set up yet it runs a demo so you can see it working while you configure it. The moment a real message or tip arrives the demo stops and the total resets to zero, so your real goal never starts with fake money in it.

Needs

A StreamElements account for the StreamElements path, or OBS or Streamlabs with a Browser Source at 1920x1080 for the simple path. At least one of a Twitch, YouTube or Kick channel.

License

Yours to use on your own streams, as many as you like, forever. Please do not resell or redistribute the files. Commissions, custom colors and custom props are available, just ask.

streamwidgetshop.com