Free Before & After Slider Maker

Create an interactive comparison slider — free, no sign-up, nothing leaves your browser.

Upload both images to preview the slider

🖼️
Drop the "before" image here, or click to browse
🖼️
Drop the "after" image here, or click to browse

The download is a single, self-contained HTML file with both images embedded — open it anywhere and the slider stays fully interactive, even offline.

Getting a clean comparison

Before-and-after sliders work best when the camera angle, framing, and lighting are as close to identical as possible between the two shots — the slider is meant to isolate the one thing that changed, whether that's a renovation, a fitness or weight-loss progress photo, a skincare routine, a piece of restored artwork, or a design revision. If the "before" photo is taken from a slightly different distance or angle than the "after," the comparison ends up highlighting the camera difference as much as the real change. Shooting both from a fixed tripod position, or at least standing in the same spot with the same zoom, makes the slider far more convincing and easier to read at a glance.

Frequently asked questions

Can I embed this on my own website?

Yes — the downloaded HTML file is self-contained, so you can upload it to your own site and link to it, or view the page source to extract the slider code for embedding elsewhere.

What if my two images are different shapes?

Both are cropped to fill the frame using the before image's proportions, so they line up correctly regardless of their original aspect ratios.

Does the slider work on mobile?

Yes — it responds to touch dragging the same way it responds to a mouse on desktop, so the downloaded file works the same way on a phone or tablet browser.

Can I use this for anything other than photos?

Yes — anything you can compare visually works, not just photography: two versions of a design mockup, a map before and after a change, or any pair of images where a direct visual comparison helps make the difference obvious.

Are my images uploaded anywhere?

No. Everything happens locally in your browser — your images are never sent to a server.