Presentations

A presentation together with a timing forms a transition.
Remotion provides certain presentations out of the box, but you can also create your own.

Table of contents

Overview

List of available presentations

Custom presentations

Implement your own effect

fade()

Animate the opacity of the scenes

slide()

Slide in and push out the previous scene

wipe()

Slide over the previous scene

flip()

Rotate the previous scene

clockWipe()

Reveal the new scene in a circular movement

iris()

Reveal the scene through a circular mask from center

zoomBlur()

HTML-in-canvas

Zoom and rotate scenes with a radial blur

bookFlip()

HTML-in-canvas

Turn the scenes like a shaded book page

zoomInOut()

HTML-in-canvas

Zoom one scene in, crossfade, zoom the next out

dissolve()

HTML-in-canvas

Burn through the previous scene with a glowing edge

ripple()

HTML-in-canvas

Ripple the outgoing scene with a sinusoidal wave

crosswarp()

HTML-in-canvas

Warp both scenes across the x-axis and blend them

swap()

HTML-in-canvas

Swap scenes with perspective and reflections

cube()

Paid

Rotate both scenes with 3D perspective

none()

Have no visual effect.

Audio transitions

Add a sound effect to a transition