Back

Open Plugin in Framer

Switch to desktop

Code component

Copied!

Paste it in your Framer project

Code component

Copied!

Paste it in your Framer project

Code component

Copied!

Paste it in your Framer project

Thanks for sharing :)

Liked

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Progressive Blur

With this component you can apply the famous progressive blur or also called gradient blur that Apple uses it throughout various parts in iOS. The blur effect is easing from a max value to no blur which makes for an amazing effect but also good for accessibility and readability if you don't want to use a contrasting gradient.

Adjustable properties

Blur strength

Blur direction

Corner radius

Adjustable properties

Blur strength

Blur direction

Corner radius

Adjustable properties

Blur strength

Blur direction

Corner radius

How do I use it?

You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components - Eleveight Supply folder. From there you can drag it into your canvas for a new instance.

Check out the set up guide

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Framer Plugin

new

Check out our new companion, the Eleveight Supply Framer plugin. Get quick access to all of your components and overrides right within Framer.

Get the Plugin