Slide Reveal

Reveal shows what changed. Visitors drag a divider across two images and see the before and after side by side, like paper sliding over paper. It suits renovations, retouching, interiors, product updates and any other transformation you want people to feel rather than read about.

Try every setting live: https://reveal.framer.wiki

CMS ready

Before and After are ordinary image properties. Put Reveal inside a Collection List, connect both to CMS image fields, and every project gets its own comparison.

Feels right everywhere

- Smooth dragging. The divider updates once per frame, so it never lags behind the cursor or finger.

- Scroll-safe on phones. A sideways swipe compares, and an up-and-down swipe scrolls the page as normal. Nobody gets stuck on the slider.

- Tap to glide. Tap anywhere on the image and the divider glides to that spot.

- Accessible. It's a real slider for screen readers. Arrow keys move it, Shift takes bigger steps, and Home and End jump to the edges.

- No glitches. No drag ghosts, long-press menus or accidental text selection, on desktop or iOS.

Make it yours

- Circle, pill or line handle, with adjustable size

- Divider width, colours, labels, hint text, corner radius and shadow

- Left to right, or top to bottom for tall images

- Starting position, and cover or contain image fit

- Up to three pairs in one slider, with arrows and a counter

One file, no dependencies. Drop it in, pick two images, publish.