Interactive Before/After Reveal

Let visitors compare two images through a smooth, interactive before-and-after reveal.

The draggable divider makes transformations immediately understandable and gives users direct control over the comparison. Use it for redesigns, retouching, renovations, beauty treatments, product improvements, visual effects or any story built around change.

Customize both images, divider position, orientation, handle styling, labels, colors and interaction behavior directly inside Framer. The component is responsive and supports mouse, touch and drag interaction across devices.

Ideal for designers, photographers, beauty brands, architects, agencies and product teams presenting measurable visual improvements.