Gradient ease

new

Framer's native gradient does not allow curve adjustments, it's linear, which makes the end of the gradient still have a visible edge even if the opacity it's at 0%. With this component you can solve that issue and always have smooth easing at the end of your gradient.

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.

Gradient ease

Adjustable properties

Gradient direction

Corner radius

3 easing options

Set to any B&W shade

Adjustable properties

Gradient direction

Corner radius

3 easing options

Set to any B&W shade

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.

Set up guide for code components

How do I use it?

Set up guide for code components

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.

Outlined

An elite repository of minimalist digital device illustrations & icons meticulously designed for creative projects.