remotion-to-hyperframes

To migrate Remotion React compositions to HyperFrames HTML, this tool mechanically maps common Remotion idioms like Sequence, interpolate, and spring into equivalent seek-driven HTML and GSAP timelines. It handles sequencing, timing, media, and transitions while validating output fidelity.

Translating Remotion to HyperFrames does not support React hooks like useState or useEffect with dependencies. The tool's lint-based detection scans for these unsupported patterns, refuses translation, and recommends using the runtime interop pattern instead to avoid lossy migration.

Visual fidelity when porting Remotion videos to HyperFrames is validated through an SSIM-validated test harness that renders both outputs and computes per-frame SSIM. This enforces calibrated thresholds to catch structural regressions and ensure deterministic frame-accurate visual equivalence.

Common Remotion components and APIs that can be converted to HyperFrames include Sequence, interpolate, spring, Audio, Video, Img, staticFile, Lottie, and fonts. The mechanical API translation maps these to HyperFrames equivalents, covering approximately 80% of common Remotion idioms.

During Remotion composition translation, unsupported features like volume ramps, Lambda config drops, and font fallback divergence are documented in an automatically generated TRANSLATION_NOTES.md file. This gap documentation ensures transparency regarding any lossy translations.