Image Compare Slider
Compare two images with a draggable before/after slider. Upload, drag the handle, share. Great for retouching, design iterations. Runs in your browser.
Upload both images to begin.
Reference
How does the slider work?
The compare slider stacks two images and reveals each based on the handle position. It uses clip-path in CSS to clip the top image, so dragging is GPU-accelerated and fluid. Both images are loaded as Object URLs in your browser and never uploaded anywhere.
Common uses
- Photo retouching — show edits side by side.
- Design QA — compare design revisions visually.
- Renovation — present before/after rooms.
- Marketing — show product transformations.
Privacy
All processing runs 100% in your browser. No data is sent to any server.