componenthftransitionmorphswapcondense

Morph Swap

Two slotted siblings stacked at one shared center: A holds, then condenses or reshapes into B on a shared 50% 50% transform origin. Condense shrink-fades A exactly as B scales up; reshape morphs the silhouette on scaleX/scaleY, never width or height tweens. Token card defaults render when a slot is left empty.

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

Job
bridge
Family
transitions
Sync points
morph-land @ 2.15s
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 morph-swap 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.