Pokémon Community Charity Stream-A-Thon

Streamer Tools

Stream overlay assets for the 2026 event. Copy a URL and add it as a Browser Source in OBS, Streamlabs, or your preferred streaming software. Vertical overlays are 480×480px; horizontal overlays are 640×100px.

🏆
Featured Milestones

Rotating milestone carousel overlay
480×480px

https://charitystreamathon.com/stream_assets/milestones/milestones.php
🎮
Featured Streamers

Rotating streamer banner carousel
480×480px

https://charitystreamathon.com/stream_assets/streamers/streamers.php
Featured Sponsors

Rotating sponsor logo carousel
480×480px

https://charitystreamathon.com/stream_assets/sponsors/sponsors.php
🏆
Milestones — Horizontal

Rotating milestone carousel, wide format
640×100px

https://charitystreamathon.com/stream_assets/milestones/milestones_h.php
🎮
Streamers — Horizontal

Rotating streamer banner, wide format
640×100px

https://charitystreamathon.com/stream_assets/streamers/streamers_h.php
Sponsors — Horizontal

Rotating sponsor logo carousel, wide format
640×100px

https://charitystreamathon.com/stream_assets/sponsors/sponsors_h.php
▮▮▮
Donation Bar

Live scrolling donation tracker, pinned to the bottom of your scene
1920×1080px — Browser Source

Donation Bar preview
  • Add as a Browser Source in OBS at 1920×1080px — position at X: 0, Y: 0
  • Polls the Tiltify API automatically — donations appear as they come in
  • When a new donation arrives, the comment temporarily pops up on the left side above the logo
  • Enable Refresh browser when scene becomes active in OBS settings
  • Add ?streamer=yourslug to the URL to unlock streamer mode (replace yourslug with your Tiltify username, e.g. ?streamer=sailboat):
    • The right side rotates every 10 seconds between the overall campaign total and your personal amount raised
    • Only donations made to your Tiltify campaign appear in the scrolling slots
    • A personal progress bar appears above the donation bar showing your amount raised toward your goal, with 10% interval markers and a live percentage indicator
https://charitystreamathon.com/stream_assets/overlay/donation-bar.html?streamer=YOURNAMEHERE
Donation Alert

Animated pop-up alert overlay triggered by incoming donations
1920×1080px — Browser Source

Donation Alert preview
  • Add as a Browser Source in OBS at 1920×1080px
  • Place it as the topmost layer in your scene — background is transparent
  • Alerts appear at the bottom-centre of the screen above the donation bar
  • Use the Alert Builder below to customise appearance and thresholds
  • Enable Refresh browser when scene becomes active in OBS settings

Your personalised URL is generated by the Alert Builder below — configure your alert first, then copy the URL it produces.

Alert Builder

Web-based configurator — customise your donation alert appearance and generate a URL
Open in browser — not an OBS source

  • Open this URL in your regular browser — do not add it to OBS
  • Configure colours, animation style, sound effects, and donation thresholds
  • Use the live preview to see exactly how alerts will look on stream
  • Copy the generated URL and use it as your Donation Alert browser source in OBS
📈
Live Donation Dashboard

Real-time per-streamer donation tracker — designed to keep open during your stream
Open in browser — not an OBS source

  • Open in a browser tab on a second monitor or phone while you stream
  • Select your name from the dropdown to filter to your donations only
  • Shows your amount raised, goal progress, unique donor count, and total donations
  • Displays your schedule timeslot and live Twitch viewer count
  • New donations appear at the top instantly — no page refresh needed
  • Bookmark the URL below to jump straight to your dashboard at the start of your slot
🖼
Generate Your Streamer Card

Select your name and choose a layout to preview your personalised streamer card. Download it as a PNG to share on social media or use as a stream graphic.

Select your name above to preview your slide.