Reveal Lens
Interactive reveal lens that uncovers a clear circle over a blurred image as the cursor moves, expanding on press for detail. Great for galleries, product shots, and hero sections
Made with Workshop
Build your own component with AI
This interactive reveal lens brings images to life with a clean blur-to-clarity transition. A circular spotlight follows the cursor or touch input and expands on press, creating an engaging way to explore details. Smooth radius animation, full accessibility support, and customizable Framer controls make it easy to adapt to any layout or visual style.
Key features
✨ Smooth blur to clarity reveal
🖱️ Follows mouse or touch position
📍 Expands on press for focused detail
🎛️ Fully customizable radius, blur, and speed
📱 Mobile friendly
♿ Keyboard and accessibility ready
🎨 Works with any image
Best for
🏙️ Portfolio and gallery highlights
🛍️ Product detail reveals
📰 Editorial storytelling
🎥 Hero section interactions
✏️ Creative hover effects and experimental UI
