Focus Swap
Moves attention between two side-by-side cards as one recedes with scale, blur, and dimming while the other advances to full focus.
Live props— this is the component running, not a video
- Job
- demonstrate
- Family
- ui-props
- Sync points
- focus-landed @ 0.9s
- Default duration
- 1.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 focus-swap 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 ui motionCamera Scan Gate
A camera and QR recognition moment with a viewfinder sweep, bracket lock, confirmation pulse, and verified next beat.
Gesture Tap
A contact circle taps a mobile pill button, releases it into a new labeled accent state, and lifts away.
Toggle Flip
An oversized UI toggle switch that flips with real physicality: thumb overshoot, track color crossfade, and a soft press-compress before release. The reference prop of the ui-props family.
Typed Prompt
A prompt line types itself in chunked human cadence behind a deterministic blinking caret, with optional backspace-and-retype correction of the final word.
Before After Wipe
Two full-bleed content slots compare before and after states as a persistent divider wipes the after layer over the before layer and rests at a configurable split. Callers fill the named before/after slot panels; token-styled defaults render when a slot is left empty.
Comparison Split
Two full-bleed panels compare before and after states as a persistent divider wipes the vivid after layer over the muted before layer and rests at a configurable split.
Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.