Image comparison slider

Remotion pieces · Before and after · MIT

Tap the picture to play it.

What it does

One picture wipes into another behind a handle: before and after.

Get it

# one file, needs only remotion
curl -O https://raw.githubusercontent.com/reactvideoeditor/remotion-templates/main/templates/image-comparison-slider.tsx

Copy codeCopy for an agent

Needs

Remotion 4.0.462

Re-skin

Edit the file (colors, type, text)

No inputs: 9 hex colors written in the JSX; the words are typed into the JSX ("After", "Before"); font set inline (Inter). The pictures are gradient blocks standing in for images: there is no image slot.

Size

1280 x 720 · 3 s

License

MIT, per the README

From

reactvideoeditor/remotion-templates

Everything from reactvideoeditor/remotion-templates in the gallery

Back to the Asset Library