SkillGitHub
All components
magnetic-action

Magnetic action

Lets a primary action lean toward a nearby pointer and settle cleanly on release.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
product · mono
Runtime cost
Light
Motion engine
gsap
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/magnetic-action.json

Component behavior

GSAP pointer tracking with a clean return Lets a primary action lean toward a nearby pointer and settle cleanly on release.

Suitable events

Use for direct actions such as clicks, submissions, copying, and high-risk confirmation.

Runtime information

Motion engine
gsap
Runtime cost
Light
Dependencies
gsap
Open public Registry JSON