Created 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 exponential) for how intense it gets.

Comes with common properties like direction, strength, layers, distribution, exponential, hover intensity, and responsive sizing.

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

Created 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 exponential) for how intense it gets.

Comes with common properties like direction, strength, layers, distribution, exponential, hover intensity, and responsive sizing.

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