Render an HTML animation to MP4
Build a short, repeatable video from HTML, CSS, and a GSAP timeline.
Image Analysis
The cover places HTML, CSS, GSAP, and MP4 together and mentions frame-by-frame rendering. It does not show an exported video.
SkillPI Creation Analysis
Start with a six-second product introduction. Lay out the headline, illustration, and closing text in HTML and CSS. Use one paused GSAP timeline to define when each element enters, holds, and leaves. Scrub to seconds zero, three, and six to check element states and scene boundaries before exporting.
The HyperFrames CLI documents npx hyperframes render --output output.mp4. Use a scrubbable HTML composition as the input and deliver both the source and the MP4. If fonts or images disappear in the export, check that they resolve in the rendering environment. If transitions drift, check whether every animation is controlled by the same seekable timeline.
This is a reproduction plan based on the creation summary and public documentation. The creator's project has not been run. Project documentation: https://github.com/heygen-com/hyperframes