componenthftransitioniriscircle-revealclip-path

Iris Reveal

A circle clip-path opens from an authored origin revealing state B over state A in one confident pass, then holds on B. Classic register dims and desaturates the before state so the after state lands in full color; a thin accent rim rides the iris edge. Callers fill the named before/after slot panels; token-styled defaults render when a slot is left empty.

Live props— this is the component running, not a video

Job
bridge, reveal
Family
transitions
Sync points
iris-open @ 1.45s
Default duration
3.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 iris-reveal scene to my video and set its props to match my brand.

Open in Studio

Customize in Studio

Adapt the content, styling, timing, and layout to fit your project.

Component settings

Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.