Free block Before After · 7 ready-made designs
Show the difference, don’t describe it.
Drag, hover, tap or let it play. Retouching, renovations, renders and results look twice as good when visitors can see the change for themselves.
- 6designs
- 3compare modes
- 5handle styles
- 8aspect ratios
Drag to compare, with a nudge
The classic divider with a white handle. An intro hint wiggles it once when it scrolls into view, so nobody misses that it moves.
Tap to flip, no dragging
Toggle mode swaps the whole image with a button or a tap. Perfect when the change is everywhere at once, like sharpening a blurry photo.
From sketch to finished house
A frosted glass handle with a “Drag” pill, starting almost fully on the sketch so the reveal feels earned. A button in the corner links to the full case study.
A gallery of edits, in one block
Several comparisons share one frame, with thumbnails underneath to switch between them. A whole portfolio of before-and-afters without stacking blocks.
Two designs free. Four more with Pro.
The Before After block is free forever with the Classic and Minimal Line designs, three compare modes and every handle style. Pro adds the polish clients pay for.
Four more designs
Glass Handle, Rounded Card, Split Labels and Dark Studio, each a single click in the Design panel.
Galleries and video
Several comparisons in one block with thumbnails, and before-and-after video that plays both clips in step.
Motion and focus
Auto-play that sweeps the divider until someone touches it, and a fullscreen button for the detail.
A crossfade from black and white
Fade mode swaps the divider for a knob that blends one image into the other. Ideal when colour, light or mood changes rather than a single area.
A dark studio that plays itself
Framed on a dark panel, the divider sweeps back and forth on its own until a visitor grabs it. A fullscreen button opens the shot edge to edge.
Vertical, and it follows your mouse
Turn the divider sideways and switch Swipe Mode to hover. The comparison now tracks the pointer, and labels only appear when someone looks.
Same cup, better light.
Move your pointer over the photo to compare. The divider follows you up and down, no clicking or dragging needed.
