back

code override

updated — feb 16

Use desktop for the full experience.

Hover me

Magnetic hover

new

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.

code override

updated — feb 16

Use desktop for the full experience.

Hover me

Please switch to desktop to copy the code.

Magnetic hover

new

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.

code override

updated — feb 16

Use desktop for the full experience.

Hover me

Magnetic hover

new

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.

Magnetic hover

new

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.

Magnetic hover

new

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

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.

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.

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.

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by

made by Fabian Albert.

© 2024 - Eleveight Supply™

Follow us on x.com

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by

made by Fabian Albert.

Follow us on x.com

© 2024 - Eleveight Supply™

Get notified

Stay updated with the newest additions to our digital assets library, upcoming promotions or discounts.

A product by

made by Fabian Albert.

© 2024 - Eleveight Supply™

Follow us on x.com