Transitions
Scene transitions built as presentations for TransitionSeries
Every transition here is a presentation for @remotion/transitions — pass it to a TransitionSeries.Transition between two sequences and control the pace with linearTiming or springTiming.
Camera Motion
Pure CSS-transform physics, no dependencies beyond Remotion.
WhipPan
Whip the camera sideways with motion blur so both scenes fly through in one move
PushThrough
Dolly through the outgoing scene while the next one approaches from the depth
FocusPull
Rack focus from one scene to the next through a soft defocus breath
ZoomBlur
Push the outgoing scene through the viewer while the incoming one resolves out of blur
Shader
Textured, organic transitions driven by frame-synced shaders. They install @paper-design/shaders-react.
GrainDissolve
Disintegrate the outgoing scene into soft grainy shapes and condense the next out of the noise
WaveWipe
Sweep a grainy wave up across the frame and reveal the next scene from below
RippleZoom
Fly the camera through the center of grainy ripple rings while the next scene approaches
SwirlDissolve
Twist the frame into swirling bands that unwind into the next scene
DitherDissolve
Dissolve through an animated dither pattern for a retro print texture
PerlinDissolve
Sweep a perlin-noise threshold across the frame to dissolve into the next scene
SmokeDissolve
Expand a smoke ring outward across the frame to reveal the next scene
WarpDissolve
Melt the outgoing scene into a folding domain-warp field that straightens into the next