Reveal Slide

Show transformations the way they deserve to be seen. This interactive slider lets visitors drag to reveal your "before" and "after" side by side — far more engaging than two static images, and the most effective way to prove the value of retouching, redesign, or rebrand work to a potential client.

Why you need this component:

Static before/after images undersell your results. A slider turns a passive comparison into an interaction — visitors linger longer and walk away with a clearer sense of the difference you made. That's the kind of detail that makes a portfolio feel premium.

Features:

• Drag anywhere — the whole component responds to drag, not just the handle, so it feels natural on both desktop and mobile.

• Smart responsive handle — automatically shrinks on narrow containers (mobile cards, grids) so it never looks oversized.

• Built-in labels — "Before"/"After" tags that fade out of the way as the slider crosses them.

• Fully brandable — customize handle color, arrow color, border, size, corner radius, and label colors in the property panel. No code needed.

• Reliable dragging — built on modern Pointer Events for consistent behavior across trackpads and touchscreens.

• Zero-code setup — drop it on the canvas, assign two images, done. Looks polished out of the box.

• Lightweight — no external dependencies, won't slow down your site.

Whether it's a design overhaul, a photo retouch, or a UI redesign, this component gives your work the presentation it deserves — polished, interactive, and built to convert browsers into clients.