Make every transformation impossible to miss. Create interactive reveals, dynamic transitions and polished split-screen videos—right in your browser.
◈ 9 comparison styles▣ YouTube · Shorts · Reels✦ Optional AI person reveal◎ Images stay on your device
01 / LIVE CANVAS
Comparison preview
No images yet
◧
Your transformation starts here
Add a Before and an After image, or load a ready-to-edit sample.
B
BeforeNot added
A
AfterNot added
0:00.00 / 0:03.00
Before holdReveal animationAfter hold
Tip: Slider mode lets you drag directly on the preview. Press Space to play or pause.
02 / CREATIVE STARTING POINTS
Creator presets
Click to apply
MAKE IT YOURS
Creator-ready comparisons in three steps
01
Choose your two images
Import before/after photos, or use the sample to explore transitions before adding your own.
02
Animate your transformation
Pick a slider, wipe, crossfade, diagonal or person reveal. Customize labels, colors and timing.
03
Export for your audience
Save a WebM animation, a PNG frame or a three-frame storyboard. Project settings are reusable.
Frequently asked questions
Is this tool free?
Yes. Ordinary effects work completely in the browser without an account or subscription. Optional AI segmentation uses publicly available free model files.
Is it really AI powered?
Most comparisons are precise canvas animations, not AI. The optional Person reveal uses a real browser model to detect people in the After photo. The AI step requires an internet connection on first use and may fail on unsupported browsers.
Does the video include music?
No. Video export contains silent animation only. Add music or narration in your video editor. MediaRecorder codec and resolution availability vary by browser.
Processing
Preparing your comparison…
Create a before-and-after image comparison sequence
Load two images, adjust their crop and position, then choose a wipe, dissolve, split, or other comparison transition. Tune labels and start/end holds, preview the sequence, and export still frames, a storyboard, silent WebM, or project settings.
Example workflow
Load the before and after images and align the subject using fit, crop, and position controls.
Choose the comparison mode and timing; optionally review a person mask where supported.
Check label placement and the full transition in the preview, then export a frame, storyboard, project, or supported WebM.
Authored example: Compare a room before and after repainting. Use the same camera viewpoint, align the window and doorway, then try a wipe before testing a dissolve.
Limits and privacy: Optional person segmentation loads third-party MediaPipe code and model weights when requested; its mask can be wrong and targets people rather than arbitrary objects. It does not align images automatically or generate a comparison. Project JSON excludes the source images. WebM is silent and real-time; MP4, GIF, and alpha video are not available, and output dimensions have a memory safety cap.
