Code Slice Hero
HTML to video · A title · Apache-2.0
- What it does
A tiled headline surface flips cell by cell under a sweeping depth field to reveal the rear headline.
- Get it
Copy the folder into a project, or
npx hyperframes add code-slice-hero(fetches it from GitHub main to compositions/code-slice-hero.html). It is a whole page with its own timeline: render it alone, or mount it in a film as a sub-composition.- Needs (the whole pack)
Node 22, FFmpeg and a headless Chrome (it downloads one on first render unless you point it at yours). Pages load GSAP and fonts from the network at render time unless you make them local. The WebGPU blocks want a GPU. A HeyGen sign-in only for cloud render, publish and generated media.
- Re-skin
Edit the file (colors, type, text)
No declared variables. 4 hex colors and 1 font stack are written in the file's CSS. The words are in the HTML.
- Size
1920 x 1080 · 8 s
- License
Apache-2.0
- From