Back to library

Experimental

Magnetic Hover Button

A pointer-aware hover behavior for web apps and polished desktop product surfaces.

desktophovermagnetic

Usage

Use this interaction when the action benefits from immediate tactile feedback without taking visual attention away from the surrounding interface.

Platform: Web

Motion parameters

Interaction
Pointer-aware desktop CTA
Hover
Tracks cursor within local bounds
Press
Scale 0.96
Spring
stiffness 220 / damping 18 / mass 0.4
Duration
continuous
Easing
spring

Code

tsx
<MagneticHoverButton />

Production API and token extraction will be added in a later package pass.