Add Transitions to a Video Online Free

Load a clip, place a cut point on the timeline, and blend the two halves together with any of the transition effects in the FFmpeg catalogue. Everything is rendered by FFmpeg compiled to WebAssembly, so the video never leaves your browser.

Drop a video here or click to choose

MP4, MOV, WebM, MKV, AVI and most other formats

The video never leaves your device

Frames

Frames appear here once a video is loaded.

Load a video, then click the timeline to add a transition.

1.0s Applied to every marker; shortened automatically when a cut sits too close to an edge.
MP3, WAV, M4A and most other formats work; the track is trimmed to the finished clip.
Smaller widths encode much faster.
Quality is held at a constant rate factor.

Transitions are rendered with the xfade filter of ffmpeg.wasm, a WebAssembly build of FFmpeg. The wrapper is MIT licensed and the self-hosted core build is GPL-2.0-or-later; its source is published by the ffmpeg.wasm project. 73hi is not affiliated with the FFmpeg project.

Three simple steps

How to Add a Transition to a Video

One cut point, one effect, one MP4 out.

1

Load the video

Choose a file or drop it on the upload area. The first visit downloads the WebAssembly video engine, about 31 MB, once.

2

Place the cut point

Click the frame where the transition belongs, or drag the timeline slider for an exact timestamp.

3

Choose an effect and export

Pick a transition, set its length and the output width, then export and download the MP4.

Effect catalogue

The Transition Families You Can Choose From

The list is read straight from the bundled FFmpeg build, so every effect offered is supported.

Family Examples Best used for
Dissolves and fades Cross fade, dither dissolve, dip to black, dip to white, blur mix, pixelize Gentle scene changes and tone shifts
Slides Slide left, right, up and down, plus smooth variants with motion blur Presentations, listicles and screen recordings
Wipes Straight wipes from any edge, corner wipes, radial and distance sweeps, diagonals Playful cuts and split screen style reveals
Shapes and blinds Circle crop, circle open and close, rectangle crop, vertical and horizontal blinds Product shots, intros and title sequences
Slices and squeezes Slices from any edge, horizontal and vertical squeeze, zoom in Fast paced edits, reels and short form video

Performance: rendering a transition re-encodes the whole clip in a single threaded WebAssembly build, which is far slower than desktop FFmpeg. Exporting at 640 px or below keeps short clips to a few minutes, while full size exports of long videos can take much longer.

Real FFmpeg, inside the browser

A Proper Transition, Not an Overlay

The two halves of the clip are split, filtered and re-encoded as one video.

Exact cut point

Click a frame on the filmstrip or drag the timeline slider to place the cut to a hundredth of a second.

Whole xfade catalogue

More than forty effects, read from the build itself, grouped into dissolves, slides, wipes, shapes and squeezes.

Audio follows along

When the clip has sound, the audio halves are joined with a crossfade of the same length, so nothing clips.

Private by design

Decoding, filtering and encoding happen in a Web Worker on your device. The video is never uploaded.

Questions and answers

Video Transition FAQ

Is my video uploaded to a server?

No. The video is written into the memory file system of FFmpeg compiled to WebAssembly and rendered in a Web Worker in your browser. Nothing is uploaded.

How many transition effects are available?

The tool offers the whole xfade catalogue of the bundled FFmpeg build, which is more than forty effects across dissolves, slides, wipes, shaped reveals, blinds, slices, squeezes and zooms. The exact list is read from the build itself, so every option shown is supported.

Where is the transition placed?

At the cut point you choose. The video is split there, and the transition blends the end of the first part into the start of the second part over the duration you set.

What happens to the audio?

When the clip has an audio track, the two halves are joined with a crossfade of the same duration, so the sound blends instead of cutting. Videos without audio simply export the video transition.

Why is exporting slower than the frame tool?

Adding a transition means re-encoding the whole clip, not just reading a few frames. The single threaded WebAssembly build is much slower than desktop FFmpeg, so use a shorter clip or a smaller output width for quicker results.

Can I add more than one transition?

One per export. Add a transition, download the result, then load it again to place another cut point and effect.

Which output format is produced?

An H.264 MP4 with AAC audio, playable in browsers, editors and messaging apps. The resolution follows your choice or stays at the original size.