ImageTouchReveal
An interactive image reveal component for Framer that lets users smoothly erase the top image to reveal what's underneath using a circular eraser tool with soft-edged feathering.
About this Component
Features
Interactive eraser effect — hover to smoothly erase and reveal the underlying image with pixel-perfect tracking
Soft feathering — customizable feather edges create smooth, realistic transitions between images
Smooth animations — automatic reset with configurable duration when mouse leaves the component
Custom cursor styling — add a circular cursor indicator with adjustable color and border width
Responsive slideshow — automatically switches to auto-rotating image comparison on mobile and tablet devices
Fully customizable — adjust eraser size, feather amount, reset timing, and slideshow duration without coding
Lightweight & performant — optimized canvas rendering with efficient mouse tracking
Framer-ready — drop it in and start comparing images in seconds
