Seamless scrolling card strip for your stream
A downloadable HTML file that plays a smooth, looping card rotation as an OBS browser source. Drag-reorder, hide/show, and customize without code. Perfect for showing off your inventory while you stream.
- Drag-reorder, hide/show, per-card tags
- 32 colorway presets + saved style library
- Permanent OBS browser source — set once, forget
- Exports a self-contained HTML file, no dependencies
Edit cards while you stream — OBS updates instantly
The hosted version of Rotator. Add a card from your phone and watch it appear in your OBS overlay in real time — no refresh, no file swap, no stream interruption. Up to 10 independent rotators per account.
- Edit from any device — laptop, phone, tablet
- Up to 10 independent rotators (English, Japanese, Slabs…)
- Up to 250 cards per rotator, 500MB total storage
- One permanent OBS URL per rotator — set once, forget
- 7-day free trial, no card required
Single-card showcase overlays
Highlight one card at a time with animated stage effects — perfect for break reveals, hit pulls, and featured listings during your stream. Customizable backgrounds, glow effects, and label styling.
- Animated reveal effects (slide, fade, zoom)
- Customizable background, glow, and aura
- Per-card label with full typography control
- Exports as self-contained HTML for OBS
Custom card frames & borders
Wrap any card image with a themed frame — your colors, your brand, your style. Generate matching frames in bulk and apply them across your Rotator, Spotlight, or Live builds for a consistent look.
- Live preview as you adjust frame settings
- Customizable colors, borders, corners, gradients
- Export individual frames or batch-process a folder
- Pairs seamlessly with Rotator + Live builders
Stacked text signs for OBS
Build clean text overlays for BRB screens, intermission cards, "Be Right Back," "Starting Soon," "Following Twitter," etc. 16 preset templates, full typography control, exports a single HTML file you drop into OBS.
- 16 preset text-sign templates to start from
- Font, color, stroke, glow, shadow — full control
- Saved Styles library shared with other builders
- Exports standalone HTML, no dependencies
Inventory tracker for your card business
Track your card inventory, costs, sales, and profits all in one place. Designed specifically for card resellers — not generic inventory software.
- Track quantities, costs, and sale prices
- Quick-add via card name search
- Export reports for taxes and accounting
- Free with any Suite license
PNG, JPG, WEBP — multi-select supported
ℹ The preview uses a checkerboard to show transparency — your exported file will be truly transparent for OBS.
Download your self-contained HTML scroller. Add it to OBS as a Browser Source.
Load Your Images
Click the image upload area (or drag and drop files). You can select multiple images at once. They'll be compressed and embedded automatically. The status bar shows estimated file size — keep it under 30 MB for best performance.
Configure the Settings
- Scroll Speed — How fast images move across the screen (px per second).
- Gap — Space between each image in the strip.
- Strip Height — Set this to match the height of your OBS Browser Source.
- Direction — Left or right scroll direction.
- Background — Keep transparent for overlays, or pick a solid color.
- Export Quality — Lower = smaller file size but reduced image clarity. 75% is a solid default.
- Max Dimension — Images larger than this will be downscaled before embedding. 1200px is a safe default.
Export & Add to OBS
- Click Download HTML to save the scroller file to your computer.
- In OBS, add a new Browser Source.
- Check "Local file" and point it to your downloaded HTML file.
- Set the Browser Source width and height. The height should match the Strip Height you set above.
- Done! The scroller will loop seamlessly.
Tips
- Use Preview in Tab to see exactly what OBS will display before downloading.
- If the file is too large, lower the Export Quality or Max Dimension, then re-upload your images.
- PNG images with transparency work best — just keep "Transparent background" checked.
💡 I Suggest
Here's how I personally organize and source images for my streams:
Folder setup — I create a folder on my desktop called Rotators/Spotlights. Inside that I keep separate subfolders: Japanese Singles, English Singles, and Slabs. That way I can load a clean batch instantly without digging around.
Singles (PriceCharting) — Go to pricecharting.com, find the card you want, open the card's page, then right-click the card image and choose Save image as. Drop it into the right folder. Clean, high quality, fast.
Slabs (CGC / PSA) — Go to the grading company's website and look up your slab using the Registry or Cert number. Both CGC and PSA have lookup tools that pull up your specific slab with its image. Right-click and save from there.
Those are the sources I use personally. Other card databases and marketplaces may work similarly — if the site displays an image, you can usually right-click and save it. Always make sure you have the right to use any image in your stream.
This tool is provided as-is by MediaCast Suite for personal and commercial streaming use. By downloading, opening, or using this tool in any capacity, you agree to be bound by the following terms in full. If you do not agree, do not use this tool.
Single-User License
This tool is licensed to one individual for their own personal use only. Your purchase grants you a non-transferable, non-exclusive license to use this tool on your own devices for your own streams and content. That's it.
- ✓ Use this tool for your own streams, overlays, and live events.
- ✓ Export and use the generated HTML files freely in your own content.
- ✗ You may not share, gift, resell, sublicense, or redistribute this tool — in whole or in part — to any other person or entity, paid or free.
- ✗ You may not upload this tool to any file sharing site, Discord server, group chat, or public or private repository.
- ✗ You may not claim this tool as your own creation, rebrand it, or strip MediaCast Suite attribution from it.
- ✗ You may not use this tool to build a competing product or service.
Enforcement & Legal Action
MediaCast Suite actively monitors for unauthorized distribution of its tools and intellectual property. Each licensed copy is tracked and associated with the original purchaser. Unauthorized redistribution is detectable.
Any individual found to be sharing, redistributing, or facilitating the unauthorized use of this tool will be subject to:
- ⚠ Immediate revocation of their license with no refund.
- ⚠ A formal cease and desist notice from MediaCast Suite.
- ⚠ Civil action for copyright infringement and breach of contract under applicable U.S. and international intellectual property law, including potential statutory damages.
- ⚠ Recovery of all legal fees and costs incurred by MediaCast Suite in pursuing enforcement.
Copyright infringement is not a gray area. Under the U.S. Digital Millennium Copyright Act (DMCA) and related statutes, statutory damages for willful infringement can reach $150,000 per work. We take our intellectual property seriously and will pursue violations accordingly.
No Liability
MediaCast Suite and its creator are not responsible for any issues arising from use of this tool, including but not limited to: file size problems, browser incompatibilities, OBS configuration issues, or data loss. Use at your own risk.
No Support Guarantee
MediaCast Suite does not provide ongoing technical support or bug fixes. The tool is provided as-is and works as intended when used correctly.
💡 Motion is most visible with bar height ≥ 24px. Bump Bar Height below to make it pop.
- ✓ Edit cards live — OBS updates instantly, no refresh
- ✓ Up to 10 independent rotators, 250 cards each
- ✓ One permanent OBS URL per rotator — set once, forget
- ✓ Drag-reorder, hide/show, per-card tags, colorway label presets
- ✓ Your work is always saved — never lost on cancel or trial-end
No card required for trial. Subscribe at trial end to continue — work saved either way.
Your trial has ended.
Cancel anytime — your saved rotators stay exactly where you left them.
https://mediacast-live-production.up.railway.app/r/6ecc88b153
live
Strip ▾
Cycle Marker ▾
Inserts one cell between the last card and the first repeat. Use it to display your store name, logo, or any "this is the loop point" graphic. Off keeps your rotator looping seamlessly with no break.
Label ▾
Per-image tags ▾
Add overlays to each card — name, price, condition, quantity, anything. Start with one tag slot and add more (up to 6) as you need them. Style each slot here, then fill in the values per-card in the Cards section below.
Cards ▾
Upload settings (quality & size) ⚙️
No cards yet. Drag thumbnails to reorder · type per-card tags inline.
ℹ Checkerboard = transparent background
Add the exported file to OBS as a Browser Source. Match the source size to your frame dimensions above.
Load Your Images
Click the upload area (or drag and drop files). Select multiple images at once — each one becomes a card in your spotlight rotation. Images are compressed and embedded automatically. The status bar shows estimated file size.
Configure Your Settings
- Display Time — How long each card stays on screen before transitioning.
- Transition Speed — How fast the animation between cards plays.
- Transition Style — Pick from 14 animation types: Fade, Zoom, Slide, Flip, Spin, Bounce, Blur, Swing, Roll.
- Frame Size — Set width and height to match your OBS Browser Source dimensions.
- Background — Keep transparent for overlays, or pick a solid color.
- Card Glow — Add a colored halo around each card for a premium look.
- Export Quality / Max Dimension — Lower quality = smaller file. 85% and 1200px are solid defaults.
Export & Add to OBS
- Click Download HTML to save the spotlight file to your computer.
- In OBS, add a new Browser Source.
- Check "Local file" and point it to your downloaded HTML file.
- Set the Browser Source width and height to match your Frame Width/Height settings above.
- Done! Cards will cycle automatically.
Resizing in OBS
Once your Browser Source is in a scene, you can resize it three different ways:
- Drag corner/edge handles — free resize, stretches or squishes the source. Use this to match your frame exactly.
- Alt + drag — crop the source. Hides the edges without scaling. Great for trimming extra space.
- Ctrl + drag — resize while maintaining aspect ratio. Scales up or down proportionally so cards don't look squished.
Right-click the source → Transform → Reset Transform to undo any accidental stretching.
Tips
- Use Preview in Tab to see exactly what OBS will display before downloading.
- Drag thumbs in the image tray to reorder your cards.
- Save your settings with the Preset slots — great for switching between different show formats.
- Add a Text Label (right column) to show your store name, socials, or a call to action below the card.
💡 I Suggest
Here's how I personally organize and source images for my streams:
Folder setup — I create a folder on my desktop called Rotators/Spotlights. Inside that I keep separate subfolders: Japanese Singles, English Singles, and Slabs. That way I can load a clean batch instantly without digging around.
Singles (PriceCharting) — Go to pricecharting.com, find the card you want, open the card's page, then right-click the card image and choose Save image as. Drop it into the right folder. Clean, high quality, fast.
Slabs (CGC / PSA) — Go to the grading company's website and look up your slab using the Registry or Cert number. Both CGC and PSA have lookup tools that pull up your specific slab with its image. Right-click and save from there.
Those are the sources I use personally. Other card databases and marketplaces may work similarly — if the site displays an image, you can usually right-click and save it. Always make sure you have the right to use any image in your stream.
This tool is provided as-is by MediaCast Suite for personal and commercial streaming use. By downloading, opening, or using this tool in any capacity, you agree to be bound by the following terms in full. If you do not agree, do not use this tool.
Single-User License
This tool is licensed to one individual for their own personal use only. Your purchase grants you a non-transferable, non-exclusive license to use this tool on your own devices for your own streams and content.
- ✓ Use this tool for your own streams, overlays, and live events.
- ✓ Export and use the generated HTML files freely in your own content.
- ✗ You may not share, gift, resell, sublicense, or redistribute this tool — in whole or in part — to any other person or entity, paid or free.
- ✗ You may not upload this tool to any file sharing site, Discord server, group chat, or public or private repository.
- ✗ You may not claim this tool as your own creation, rebrand it, or strip MediaCast Suite attribution from it.
- ✗ You may not use this tool to build a competing product or service.
Enforcement & Legal Action
MediaCast Suite actively monitors for unauthorized distribution of its tools. Each licensed copy is tracked and associated with the original purchaser. Unauthorized redistribution is detectable.
- ⚠ Immediate revocation of license with no refund.
- ⚠ A formal cease and desist notice from MediaCast Suite.
- ⚠ Civil action for copyright infringement under applicable U.S. and international law, including statutory damages.
- ⚠ Recovery of all legal fees incurred by MediaCast Suite.
Under the U.S. DMCA and related statutes, statutory damages for willful infringement can reach $150,000 per work. We take our intellectual property seriously.
No Liability
MediaCast Suite is not responsible for any issues arising from use of this tool, including file size problems, browser incompatibilities, OBS configuration issues, or data loss. Use at your own risk.
ℹ Applies when Text Effect is Shadow or Both
1920 × 1080
480 × 270
854 × 480
320 × 240
512 × 512
1080 × 1920
ℹ Checkerboard = transparent — your webcam shows through the center
Downloads a standalone HTML file sized exactly to your canvas. Add it to OBS as a Browser Source — the center is transparent, your webcam shows through.
Text ▾
Text presets ▾
Click to fill the text box. Styling stays whatever you've set on the right.
Style ▾
Style presets (colorways) ▾
Same 32 colorways as the Live label. Click a preset to apply its full styling.
suite.icyvault.com at least once first.