Image Wipe Reveal

About

Image Wipe Reveal adds a satisfying “wipe to reveal” interaction to your Framer projects. The component itself is the image: drop it in, upload one picture, and visitors can drag or hover with a soft brush to gradually uncover what’s underneath. It works in heroes, galleries, image grids, case studies and anywhere you’d normally use a static image. Licensed for unlimited personal and commercial projects by the purchaser.

What it does

Renders a single image with a blurred, tinted cover layer and a soft circular brush on top. As visitors drag or hover, the brush erases the cover and reveals the sharp image below. You can choose between click-and-drag or hover mode, and optionally show a hint label to guide users. The component is responsive and works with both mouse and touch.

What you can customize

Easy to customize directly from the Framer property panel: adjust brush size and color, blur strength, overlay tint, interaction mode (drag or hover), and hint text plus typography so the effect matches your brand and layout.

Great for (examples)

Just a few ideas – you can use it anywhere a reveal interaction makes sense:

• before / after comparisons

• hero sections with interactive reveals

• “scratch to discover” discounts or coupon codes

• product highlights in galleries and image grids

• portfolio shots and case studies with hidden details

• fun 404 or easter-egg style sections

Share your build

If you ship something cool with it, post it on X and tag me @Matthias_Oel, or send it over. I’d love to see what you create.

Need help?

Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.