A highlight band sweeps across a target line while the surrounding context dims — draws the eye to one line.
Ask the agent. It copies this component into your project and edits it there — nothing to install, and rendering happens in the cloud.
“Add the code-highlight scene to my video and set its props to match my brand.”
Adapt the content, styling, timing, and layout to fit your project.
Code 3D Extrude
Syntax-highlighted code on a lit, beveled 3D slab that rotates through real space and settles to a readable rest — true WebGL depth and lighting, not a 2D transform.
Code Diff
An edit shown as a colored diff — removed lines collapse in red, added lines expand in green.
Code Morph
One snippet transforms into another — tokens glide between positions, leavers fade out, enterers fade in. Shiki Magic Move re-driven as a paused GSAP timeline.
Code Scroll To Line
The camera scrolls a long file to bring a target line to center and spotlights it — for walking through real modules.
Code Shader Dissolve
The code compiles into existence: a GPU fragment shader resolves it out of seeded noise with a chromatic dissolve front and edge glow, then holds crisp.
Code Snippet Flight
Discrete code snippets fly in from the side and assemble into a stacked program, staggered. Block-level FLIP.
Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.