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
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.
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
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
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.
Questions or feedback? Reach me anytime: matthias@lmvision.de or on X @Matthias_Oel.
Matt
