Back

code override

updated — feb 16

Use desktop for the full experience.

Hover me

Copy override code

Copied!

Now paste it in a new override file

Copy override

Copied!

Now paste it in a new override file

Please switch to desktop to copy the code.

Thanks for sharing :)

asfasfagadgasgafgadfgadfgadf

Thanks for sharing :)

Magnetic hover

With this code override you can have a magnetic hover effect added to any frame. This is mainly used on buttons and its found originally in iPad OS when using a mouse.

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.

Magnetic hover

With this code override you can have a magnetic hover effect added to any frame. This is mainly used on buttons and its found originally in iPad OS when using a mouse.

Adjustable properties

Damping

Stiffness

Effective range

Intensity

Actionable area

Adjustable properties

Damping

Stiffness

Effective range

Intensity

Actionable area

How do I use it?

Copy the override code and then, go to your Assets tab, click on + and add a new override. Name it Magnetichover and paste the code inside replacing the reference code from Framer.

Select your frame/button and from the right panel go down to the code overrides section and click on + then select Magnetichover on file and Followcursor on the override.

To adjust the properties from that same panel click on edit code and adjust the following properties to your use case (damping, stiffness, effectRange, intensity, actionablearea). Adjustable properties have a detailed explanation in the code.

Set up guide for overrides

How do I use it?

Copy the override code and then, go to your Assets tab, click on + and add a new override. Name it Magnetichover and paste the code inside replacing the reference code from Framer.

Select your frame/button and from the right panel go down to the code overrides section and click on + then select Magnetichover on file and Followcursor on the override.