MOTIONSTASH
Join waitlist
All components

Fade Through

Transitions

Two scenes hand off through a single frame of brand colour, giving the eye somewhere clean to reset instead of muddying both

Download preview768×432 preview render. The full-resolution file comes from running the component
8 seconds
Format

This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.

transitioncutflashhandoffbroadcast
What you can change · 5 settings

Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.

  • First
    first · string

    Headline of the outgoing scene.

    now: Before

  • Second
    second · string

    Headline of the incoming scene.

    now: After

  • Through
    through · "black" | "white" | "accent"

    The colour the cut passes through at its midpoint.

    now: accent

  • Hold
    hold · number

    Frames each scene holds before and after the transition.

    now: 48

  • Brand
    brand · string

    Brand token id, one of the keys of BRANDS.

    now: slate

For developers · source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

No Tailwind, no CSS, no asset files. Inline styles only.

Source

Filesrc/registry/items/fade-through.tsx
Frame1920×1080
Duration240f · 8s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A transition between two scenes that passes through a brief full-frame flash of the brand colour at the cut point, rather than a straight cross-fade.

Similar components

Flash Hit. A two-frame radial white flash that hides the cut, then drains away on a red and blue chromatic fringe while the incoming shot kicks in

Flash Hit

16:9 · 2s

Glitch Hit. A ten-frame digital glitch that hides your cut: the picture shreds into sideways slices with red and blue fringes and block noise, and the next shot is underneath when it clears

Glitch Hit

16:9 · 2s

Ink Wipe. A drop of ink lands and blooms into a feathered, rim-darkened blot that covers the frame on your cut, then clears outward from the same spot to reveal the next shot

Ink Wipe

16:9 · 2s

Light Leak Sweep. A warm film light leak blooms across the frame from one edge, burns out to near-white on your cut and recedes on a red-orange tail

Light Leak Sweep

16:9 · 2s

Mask Wipe Shape. The next scene is revealed through a circle, star or rounded square growing past the frame, with an accent outline that fades as it clears

Mask Wipe Shape

16:9 · 8s

Match Cut Shape. A coffee cup seen from above pushes in until its round foam fills the frame, becomes a full moon of the same size and place, and pulls back over a night treeline

Match Cut Shape

16:9 · 3s