Download for macOS
Skill

canopy-part-title

@heygen-com Updated 2026-09-26

Leaves sweep through the frame and part to reveal the headline. HyperFrames block, 1920×1080, 12s, 11 variables.

aianimationffmpegframeworkgsaphtmlmcppuppeteer

Install

git clone https://github.com/heygen-com/hyperframes /tmp/hyperframes && ln -s /tmp/hyperframes/registry/blocks/canopy-part-title ~/.claude/skills/canopy-part-title

From README

Canopy Part Title A dense canopy of textured leaves sweeps across the frame with shallow depth of field, then parts to uncover the first headline; a second, depth-lifted batch carries the second headline past the camera. A handful of leaves stay behind on the type and keep a light breeze. Font, weight, size, letter spacing, leaf counts, sweep speed and the retained-leaf breeze are variables. Composition id: canopy-part-title. Duration 12 s at 30 fps, 1920×1080. Files canopy-part-title.html (57 KB) assets/leaf-surface-color.webp (64 KB) assets/leaf-surface-normal.webp (136 KB) with npx hyperframes add canopy-part-title; by default the files above land under compositions/canopy-part-title/. Then mount the block from the host index.html: Render with custom values by targeting the composition file directly: Variables Read at runtime via window.hyperframes.getVariables(); declared on the composition root as data-composition-variables (single-quoted attribute, plain JSON).