Vignette
Cinematic radial vignette overlay using a pure-CSS gradient — darkens the edges to pull focus toward the center
- Default duration
- 5.0s
- 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 vignette 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 effects & vfxConfetti
A deterministic celebration burst with seeded particles and gravity.
Light Sweep Pass
A traveling key light re-shades a slotted scene: a soft diagonal gradient band crosses the frame once while every per-element highlight and shadow shifts in lockstep (all driven by one --light-x property), then the light settles into a resting key. Quiet, expensive-feeling; the scene itself never moves. Callers fill the named scene slot; a token hero-and-cards default renders when it is left empty.
Motion Blur
Velocity-driven motion blur — samples element position each frame and applies a one-sided SVG feGaussianBlur ghost trail proportional to speed
SVG Mask Reveal
A soft token-colored sweep reveals media only through an editable SVG wordmark mask.
ASCII Trail Reveal
An authored S-curve sweeps through a deterministic ASCII grid, flipping cells away to reveal a labeled panel.
Beat Accent
A single music-hit sting: impact flash, micro scale-pulse on the subject, immediate decay.
Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.