Before & After

Show the transformation your product delivers

A draggable image comparison slider that lets visitors see the before and after side by side. Perfect for showcasing results, redesigns, and visual improvements.

Drag
Interactive slider
Touch
Mobile-friendly
2
Layout modes
100%
Responsive
Features

Visual proof that converts

Draggable divider

Visitors drag a handle to reveal the before or after image. Intuitive and engaging on both desktop and touch devices.

Horizontal & vertical

Choose between horizontal (left-right) or vertical (top-bottom) comparison modes.

Custom handle

Style the divider handle with custom colors, icons, and sizing to match your brand.

Any image size

Upload images of any dimension. The widget handles cropping, alignment, and responsive scaling automatically.

Use Cases

Show, don't tell

Design & renovation

Interior designers, architects, and contractors can showcase project transformations dramatically.

Photo editing & retouching

Photographers and editors can demonstrate their skills with clear before-and-after comparisons.

Web redesigns

Agencies can show clients the old vs new design side by side, making the improvement unmistakable.

Product results

Skincare brands, cleaning products, and fitness services can visually prove their results.

Why Choose This

Built for performance and flexibility

01Touch and mouse drag support
02Horizontal or vertical layout
03Custom before/after labels
04Configurable starting position
05Lazy-loads images automatically
06Smooth 60fps drag interaction
Get Started

Up and running in 3 steps

1

Upload two images

Add your before and after images. They're automatically aligned and cropped to match.

2

Customize the slider

Choose layout direction, handle style, labels, and starting position.

3

Embed on your page

Paste the script tag anywhere you want the comparison to appear.

FAQ

Common questions

No, but it helps. The widget will crop and align images to fit, but matching dimensions give the best result.

Yes. The slider supports touch dragging with the same smooth experience as desktop mouse interaction.

Yes. You can set the initial position anywhere from 0% to 100%, so visitors see the split you want on page load.

Yes. Custom "Before" and "After" labels can be shown on the images with adjustable styling.

Show your results visually

Upload two images, style the slider, and embed. Let visitors see the difference for themselves.