Stream Tip Overlay

OBS browser-source. Chat tips in any token, animation fires before they finish typing GG.

<ConduitCheckout> · BroadcastChannel

Bring your own wallet

25+ wallets across EVM, Solana, Bitcoin, Tron, Kaspa. One modal, any chain.

WalletConnectwal Phantom

Phantompha

MetaMaskmet

Solflaresol

Coinbase Walletcoi Rabby

Rabbyrab

Trust Wallettru

Rainbowrai+17 more

Live

OBS · browser source

Waiting for tips — send one below

example.tsx

// Buyer side: any page with ConduitCheckout
import { ConduitCheckout } from "@conduitexchange/connect";

<ConduitCheckout
  amount="5"
  currency="USDC"
  merchantAddress={streamerWallet}
  orderId={`tip_${crypto.randomUUID()}`}
  onSuccess={(paymentId) => {
    // Broadcast to every open tab / OBS source
    new BroadcastChannel("streamer-tips").postMessage({
      type: "tip",
      paymentId,
      amount: "5",
    });
  }}
/>

// Overlay side: loaded inside OBS as a browser source
useEffect(() => {
  const ch = new BroadcastChannel("streamer-tips");
  ch.onmessage = (ev) => showAnimation(ev.data);
  return () => ch.close();
}, []);

OBS embed URL

browser source

https://conduit.exchange/examples/tip-overlay?obs=1

Open OBS → Sources → + → Browser
Paste the URL above, set 800×200
Tips on your site trigger this overlay in real time