Magnetic Hover

A cursor-reactive wrapper for any Framer layer. This component pulls the layer toward the pointer, and falls off to nothing at the edge of its field.

Hover me

Presets

Subtle

A tight field and a light pull, for dense interfaces.

Subtle

Standard

The default. A clear pull with a soft elastic settle.

Standard

Elastic

A wide field and a long overshoot, for a hero action.

Elastic

Create a free website with Framer, the website builder loved by startups, designers and agencies.