---
title: "BlurLens Pro — Framer component · Best of Framer"
description: "$8.00 · Framer component · by the 4ps · Interactive. High-end Interactive Reveal for Framer"
canonical: "https://framer.elliotli.dev/component/blurlens-pro"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/BlurLens Pro

# BlurLens Pro

High-end Interactive Reveal for Framer

[View on Framer](https://framer.com/marketplace/components/blurlens-pro/?via=elliot-li)

![BlurLens Pro preview image 1](https://framer.elliotli.dev/og/component/blurlens-pro/5b57e36add7952eb/1600x1200.jpg)

## Summary

High-end Interactive Reveal for Framer

## Description

Elevate your landing pages with a high-end, interactive blur-reveal effect. Built with our proprietary "Force-Stretch" logic, this component ensures your content stays perfectly aligned on any screen size, offering a seamless and professional Scandinavian design aesthetic at 60fps.

### 🤔 Where You Can Use

-   **Hero Sections:** Create a high-end first impression with an interactive, mysterious reveal.
    
-   **SaaS Landing Pages:** Match the cutting-edge feel of AI and high-tech premium services.
    
-   **Portfolio Headlines:** Make your personal brand stand out with tactile, glass-like depth.
    
-   **Interactive Storytelling:** Capture user attention by leading their eyes through hidden content.
    
-   **Luxury E-commerce:** Perfect for highlighting product details with a focused, lens-like experience.
    

### 🔥 Key Features

-   **Force-Stretch:** Automatically forces any connected section (even Fixed ones) to 100% width and height for perfect alignment.
    
-   **Seamless Edge Blending:** Features an "S-Curve" multi-stop gradient mask for an ultra-soft, natural transition between blur and clarity.
    
-   **Percentage-Based Responsive:** Uses relative coordinate logic instead of fixed pixels, ensuring the lens stays centered on every device.
    
-   **Zero-Config Setup:** Simply connect your section and the component handles all the complex layout overrides for you.
    
-   **60FPS Optimization:** Leverages Framer's native Motion Values to prevent layout thrashing and ensure buttery-smooth tracking.
    
-   **Physics-Based Motion:** High-performance spring-physics damping makes every movement feel weighted and organic.
    

### ⚙️ Settings

Target Content: Easy-to-use property panel connection for any Framer Frame or Component.

-   **Blur Intensity:** Fine-tune the background depth for maximum atmospheric contrast.
    
-   **Lens Size & Edge Softness:** Precise control over the radius and the "feathering" of the reveal area.
    
-   **Lens Brightness:** Subtle inner lighting control to make the revealed content "pop" from the background.
    
-   **Motion Stiffness & Damping:** Adjust the "stickiness" and response time of the lens follow-through.
    
-   **Border Styling:** Independent control over the lens border color and opacity for a minimalist look.
    
-   **BlurLens Setting**
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-w0v8zhup-9QNWwhzUATCsrm8LZiHhJYw8UEVz3j)

🚦 Updates

15.04.2026 — v1.0.1 Patch

-   **Performance:** Implemented useIsStaticRenderer to disable heavy mask calculations and motion in the editor and during export.
    
-   **Encapsulation:** Removed global <style> injection. Used local display: grid and width: 100% wrappers to ensure responsive "Force-Stretch" without affecting the global DOM.
    
-   **UX:** Added a centered static fallback for the lens when viewed in the Framer Canvas.
    

-   **14.04.2026 — v1.0.0 Release**
    

After your purchase, you will receive a link to the Component URL. Just copy the URL and paste it into your Framer Project Section.

## Rank history [How rankings work →](/terms#rankings)

-   All · #10370

## Details

- **Author**: the 4ps
- **Price**: $8.00
- **Published**: 2026-06-18
- **Updated**: 2026-04-15
- **Added**: 2026-04-14
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step