ImageTouchReveal

A smooth, tactile image reveal 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