NEW

Magnetic Hover

Ever wanted your buttons or cards to feel just a little extra alive?

This component adds that magnetic “hover and it moves” effect you’ve seen on slick websites, without the headache.

Just drop it into any frame and the whole thing becomes responsive to the cursor. You can dial in how far it stretches, how smooth it snaps back, and how dramatic (or subtle) the effect feels.

It works great for CTAs, image cards, logos, or anything you want to make feel interactive without going full chaotic-energy-mode. It’s the kind of thing that makes a UI feel modern and playful — without screaming for attention.

Totally customizable. No code. Just vibes.

Try me

Try me

Full Experience on Desktop

Distance

50

Hover Area

50

Children
Add...
Smoothing

50

Distance

50

Hover Area

50

Children
Add...
Smoothing

50

Properties

Properties

Unlock 3 Free Months of Framer Pro!

Get 3 extra months FREE when you subscribe to Framer Pro (Yearly). Use code PARTNER25PROYEARLY at checkout and start designing like a pro.

Get 3 Free Months
of Framer Pro!

Use code PARTNER25PROYEARLY at checkout and start designing like a pro.