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.
Live props— this is the component running, not a video
- Job
- demonstrate
- Family
- ui-props
- Default duration
- 4.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 toggle-flip 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.
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.
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.
Device Frame Stage
A phone or tablet mockup staged as a physical scene prop with a screen slot for arbitrary reconstructed UI, rising onto the stage, settling, and holding an idle float
Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.