HyperFrames
HTML-based video composition and rendering for browser-oriented motion design and agent-authored scenes.
Homepage showcase card film (real-ui newspaper 1969). HeyGen CDN card/ MP4. redistributable false; hotlink only.
An editable film project. Adapt its story, assets, scene code, and timing to your subject.
Open the linked artifact and its project instructions. Check the required runtime, inputs, and upstream terms.
Use the replacement notes above. Bring your own copy, data, assets, and branding; match the timing to your story.
Follow the upstream render workflow. Check framing, typography, audio, and output before publishing.
Source and documentation review is separate from installation and render testing.
Migrated from the first edition source/documentation review. Supports the artifact identity and documented reuse mechanism. Suggested video uses and aesthetic descriptions are editorial assessments; no installation or render test is implied.
Read reviewed sourceRepository Apache-2.0 license inspected. Replace sample branding/avatar; external dependencies retain their terms.
Read reviewed sourceHEAD 200 video/mp4 on 2026-10-27 for cow-v1.mp4 (7548398), real-ui-newspaper-1969-v1.mp4 (2546259), vfx-background-removal-launch-v1.mp4 (6643711) under static.heygen.ai/hyperframes-oss/homepage/showcase/card/. Range returned MP4 ftyp. Batch F noted these as next leftovers; docs/images/homepage/... paths 403 — use homepage/showcase/card/. Framework Apache-2.0 (S-CV-056) but CDN binary redistribution 待确认 → redistributable:false. Cap this batch at 3 HF cards (no hq/). Not a local render test. Catalog resource URLs point at distinct lines in docs/snippets/film-rows.jsx (real-ui-newspaper-1969 L28, vfx-background-removal-launch L33, cow L49 on main, read 2026-10-27) because the homepage URL is shared. Preview URLs remain the HeyGen CDN homepage/showcase/card/ MP4s.
Read reviewed sourceHTML-based video composition and rendering for browser-oriented motion design and agent-authored scenes.
Warm paper, serif headings, animated bars, and a traced line for business metrics and data explainers. Reuse a 15-second HTML/SVG composition with a paused GSAP timeline; replace data arrays, scales, labels, and source attribution, then integrate it into a HyperFrames film.
A sliding channel card and springy subscribe-button animation for creator introductions and calls to action. Reuse the 4.5-second HTML overlay and paused GSAP timeline; replace the avatar, channel text, counts, and styling, then compose it over your footage.