Before-After Slider Maker
Upload a before and after image and compare them with a draggable reveal slider, embeddable on your own site. Runs entirely in your browser.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
Drag the handle to compare.
How it works
- Upload a "before" and an "after" image.
- Drag the handle left and right to reveal each image.
- Embed the slider elsewhere if you want to share it.
FAQ
Can I embed this slider on my own site?
Yes — use the "Embed this tool" panel below to get an iframe snippet that shows this exact slider, with your images once you've chosen them.
Do my images need to be the same size?
They don't have to be identical, but matching dimensions and framing give the cleanest comparison — very different aspect ratios can look misaligned.
Does this export a single flattened image?
No — this is an interactive slider widget, not a static image export. Screenshot it or embed it if you need to share the comparison elsewhere.
Are my images uploaded anywhere?
No — both images stay in your browser and are displayed directly from the files you chose.
How we compare
| Feature | Online Tool Store | Side-by-side images | Slider plugins/libraries |
|---|---|---|---|
| Interactive, one image at a time | ✓ | ✗ | ✓ |
| No code or plugin to install | ✓ | ✓ | ✗ |
Two images side by side make readers compare with their eyes; a slider lets them directly control the reveal, which reads as more convincing for before/after content.