Back

Open Plugin in Framer

Switch to desktop

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.

Gradient Ease

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.

Adjustable properties

Gradient direction

Corner radius

3 easing options

Gradient color

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.

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