Tracing Beam
A glowing dash follows one SVG path through three UI elements, lifting and brightening each element in sequence.
Live props— this is the component running, not a video
- Job
- demonstrate
- Family
- product-demo
- Default duration
- 4.5s
- Frame rate
- 30 fps
- Engine
- Remotion / React
- Background
- Transparent — composites over any scene
Use it
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 tracing-beam scene to my video and set its props to match my brand.”
Customize in Studio
Adapt the content, styling, timing, and layout to fit your project.
Related
All annotations & calloutsOffset Path Traveler
A slotted traveler follows an authored path with tangent rotation, curved entry, and curved exit.
Icon Morph Beat
An icon morphs between authored state silhouettes, shifts to an accent color, and marks completion with one restrained pulse.
Notification Stack
1 to 5 token notification cards slide-settle into a vertical stack on cues, newest on top; one card grows slightly and brightens as the focus while the rest dim by position.
Press Ripple
A cursor decel-arrives from off-stage, lands slightly off-center on a caller-positioned target, compresses with it in lockstep, releases with ink ripple rings, then exits off-stage while the pressed state holds.
Segmentation Flood
Machine-vision read of a slotted subject: translucent accent segmentation masks flood on in quantized scanline steps, each region gets a thin bracket and mono label chip, a deterministic 2-frame HUD flicker rides the pass, then the labeled read settles clean.
Soft Blob Touch
A granular soft blob idles with slow internal drift; a scripted touch dot decel-arrives, the blob deforms toward it with an attraction bulge, then recovers with a velocity-preserving spring. No hard edges anywhere.
Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.