animation examples
Outro Animation Examples
Outro shots close a video: end cards, CTAs, and cast/team reveals that land the final beat. 7 shots with video previews and agent-ready Remotion code below.
Edit Hook Moveslogo-sting-button end-of-film hook — after the end logo settles, a 12f easter-egg hard-cut inserts before closing, a trailer-style button ending
~5s
Grain DissolveA full line of text bursts into boiling grain noise with a diagonal selection box appearing; the noise cloud rapidly condenses into a larger glowing short wordmark, then translation decays to zero and freezes
~2.0s (60f@30fps; sand-ification 0.26–0.56s · condensing 1.2–1.42s · solidify-settle ending)
Logo Shrink Wordmark LockupA neon-gap giant ring rapidly contracts into a small solid white O in the center with an overshoot brake; the icon shifts left to make room, letters slide in one by one to complete the lockup, an accent-color tagline closes it out
~4.4s (132f@30fps; contract 0.1–1.2s · yield 1.5–2.1s · letters 2–2.7s · tagline 3.2–3.7s)
Neon Triple MarqueeThree rows of opposite-direction neon marquees recap — BETTER/FASTER/STRONGER in giant hollow-stroke letters stacked top/middle/bottom filling the screen; odd/even rows roll horizontally at constant speed in opposite directions; the three rows light up in turn on a 1/3 phase; the whole group fades out at the end
4–5s (demo 150f: 10f fade-in + loop body + 20f fade-out)
Outro Group Photo LaunchRepresentative elements of the whole film fly in from all directions to form a group photo around the wordmark; crane camera settle + stage light + golden dust make a launch-show close
~4.8s (145f)
UI Strip Away OutroA subtractive ending — after clicking Publish, the entire editor UI evaporates in staggered layers from the periphery toward the center; on the black field only that button remains, sliding to screen center and scaling up, then the button fades out to hand off to the wordmark final
~4.3s (130f: cursor settles 34f → evaporation ~40f → button alone → wordmark takeover)
UI To Brand MorphTwo-variant UI-to-brand morph — icon-flip-bloom flattens the icon's Y-axis into a vertical line that blooms into a flower-shaped mark + wordmark settling letter by letter; input-morph-assemble shrinks the input box into a pill with three primitive elements dropping in to assemble into a single logo petal
A ~4.3s (130f) / B ~4.7s (140f)