COMPONENT

Progressive Blur for Framer

This component allows you to add a smooth progressive blur effect to your images or any other canvas element.

March 12, 2025

Progressive Blur for Framer
Progressive Blur for Framer
Progressive Blur for Framer

Introduction

Create depth and visual intrigue with this Progressive Blur component for Framer. Designed to add a smooth, layered blur effect with customizable intensity and border radius. This Framer resource offers an elegant way to incorporate depth and focus in your designs with a stacked blur effect that increases gradually.

Component Features

Intensity

Adjust the overall blur intensity to create subtle or dramatic effects. Higher intensity can make the page load slower, use it wisely.

Border Radius

Easily customize the border radius of the blur effect, with values ranging from 0 to 100 pixels.

FRAMER DISCOUNT

Host your website on Framer

Enjoy 3 months free on your Pro Annual Subscription when you sign up on Framer. Simply enter the code partner25proyearly at checkout.

FRAMER DISCOUNT

Host your website on Framer

Enjoy 3 months free on your Pro Annual Subscription when you sign up on Framer. Simply enter the code partner25proyearly at checkout.

FRAMER DISCOUNT

Host your website on Framer

Enjoy 3 months free on your Pro Annual Subscription when you sign up on Framer. Simply enter the code partner25proyearly at checkout.

framer resources by pixco

FRAMER RESOURCES

Framer snacks
on the house

Snag slick components and magic-level code overrides for your next project. Totally free because you're awesome like that.

framer resources by pixco

FRAMER RESOURCES

Framer snacks
on the house

Snag slick components and magic-level code overrides for your next project. Totally free because you're awesome like that.

framer resources by pixco

FRAMER RESOURCES

Framer snacks on the house

Snag slick components and magic-level code overrides for your next project. Totally free because you're awesome like that.