Progressive Blur+

Progressive blur for any scroll

A smooth Progressive Blur effect for fading content at the edges of scroll areas or sections. Pick a direction, set how many blur layers stack up, and choose the curve (linear, eased, or dramatic) for how intense it gets.

Comes with,

• Edge

• Blur amount

• Blur layers

• Blend style (Linear, Smooth, Ease In, etc.)

• Dramatic

• Reveal (Fade in, On scroll, etc.)

• Hover intensity

• Responsive

Adapted from Magic UI's Progressive Blur, rebuilt for Framer with full property controls.