Card Animator

Choose a card and animation, preview it live, then copy the OBS URL or download a transparent WebM for your content.

Browser Source · Alpha background

1. Select a card

Loading card catalog…

2. Animation

Loop animationKeeps idle motion or Lore effects running.

Card labelShows card name, set and rarity.

Canvas format

Preview and export both use the exact output canvas dimensions.

Sound FXDeeper cinematic swoosh with a cleaner magical impact ping.

Actual foil rendering

Select a card to inspect its foil assets.

3. Preview & OBS URL

Checkerboard is preview-only. The iframe renders at the exact output resolution.

16:9

1920 × 1080

Select a card to start

The preview will render the same transparent overlay OBS receives.

Creator download

1920 × 1080

VP9 Alpha

Standard

30 FPS

WVC Beta available

Standard uses the current continuous renderer. WebVideoCreator Beta is a completely separate BeginFrame engine rendering the same overlay so we can compare motion, transparency and speed side-by-side.

Render quality

Standard is available now. High Quality is reserved for a future upgrade.

Estimated wait: about 1.5 min

Standard wait times are estimates based on current production renders. WVC Beta timing is intentionally measured separately while we benchmark it.

Video length

10s

Custom seconds

Render Diagnostics

Measured results from completed Standard and WebVideoCreator renders. Use the same card and settings to benchmark engines directly.

No completed renders yet

Complete a Standard or WVC Beta render and its actual timing, frame, alpha and output metrics will appear here.

OBS Browser Source URL

Open

OBS setup

Add a Browser Source and paste the generated URL. Enable browser-source audio if Sound FX is on.

Canvas · 16:9

Set the Browser Source to 1920 × 1080, then resize it inside your scene.

Transparency

OBS stays transparent, and creator WebM downloads preserve the same alpha background for editing.