ShapeBlur
Description
Shape Blur is a no-code interactive blur lens component for Framer that follows the cursor and creates a soft frosted-glass effect. It’s designed to add depth, focus, and playful interaction to modern layouts without writing any code.
You can control the lens shape, size, edge softness, scale, color, and style directly from the properties panel. The shape smoothly transitions from sharp rectangles to perfect circles, making it ideal for creative hero sections, galleries, experimental layouts, and immersive storytelling.
Shape Blur is lightweight, responsive, and built for designers who want high-impact cursor interactions while keeping performance and simplicity intact.
- Cursor-following blur lens interaction
- Adjustable lens size and edge softness
- Shape roundness control (rectangle → circle)
- Fill or stroke style support
- Customizable color, scale, and border thickness
- No-code setup inside Framer
- Works across all layouts and breakpoints
- Hero sections and landing pages
- Editorial and experimental layouts
- Portfolio showcases
- Creative hover and cursor-based interactions
Harsh Upadhyay
