Unblur

About

Click To Unblur is a Framer component that lets you hide any image or layer behind a customizable blur veil until the viewer clicks to reveal it. Perfect for teasers, password-protected previews, or playful “before & after” shots, it ships with built-in controls for icon visibility, color and size, border radius, and more, so it drops seamlessly into any design system.

Features

• Icon visibility

• Color and size

• Border radius

• Blur strength

• Animation speed

• Fully responsive and optimized for Framer

How it Works

Place any layer or image inside the component and set your preferred blur amount. At runtime, Click To Unblur overlays that content with a blur filter and optional eye-icon button. When the user clicks or taps, the button animates, the blur fades out (using the duration you specify), and the underlying content appears crisp. All parameters - blur strength, button/icon styling, animation speed, and corner rounding - are adjustable in the right-hand properties panel, giving you pixel-perfect control without writing code.

Refund Policy
All sales of this digital product are final. Once your purchase is complete, you’ll receive instant access to the Framer code component. Because digital products cannot be returned, we’re unable to provide refunds, exchanges, or cancellations.
We encourage you to review the product details and previews carefully before purchasing. If you have any questions or need clarification, please contact us, we’re happy to assist before you buy. By proceeding with your purchase, you acknowledge that you have read, understood, and agreed to these terms.