Drag to compare

Image Comparison Slider

Upload a before and after photo, drag the divider to reveal the difference, and grab the embeddable code to reuse the widget on your own site.

Upload both images to build the comparison slider.

Embeddable HTML/CSS
Upload both images to generate embeddable code.

How it works

1

Upload two images

Pick a "before" photo and an "after" photo. They're stacked into one frame the moment both load.

2

Drag the divider

Drag the handle with your mouse or finger to clip the top image and reveal the one underneath, with a live percentage readout.

3

Copy the code

Click Copy code to grab a self-contained HTML/CSS/JS snippet, swap in your own image URLs, and paste it into your own page.

FAQ

Can I drag the divider on my phone?

Yes. The divider responds to both mouse drag and touch drag, so it works the same on desktop and mobile.

Are my images uploaded to a server?

No. Both images are loaded directly into your browser with createObjectURL and are never sent anywhere.

Can I use this slider on my own website?

Yes. Once your two images are loaded, use the Copy embeddable HTML/CSS button to grab a self-contained snippet you can paste into your own page and point at your own image URLs.

Try other tools