Image Wipe Reveal
Add a satisfying wipe-to-reveal effect to any image in Framer. Upload one picture and let visitors drag or hover to uncover what’s underneath.
Make it with Workshop
Build your own component with AI
Add a satisfying wipe-to-reveal effect to any image in Framer. Upload one picture and let visitors drag or hover to uncover what’s underneath.
Make it with Workshop
Build your own component with AI
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.
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.
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.
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
Questions or feedback? I’m happy to assist: matthias@lmvision.de
