Magnetic Button
Button gently pulls toward the cursor when nearby.
Adjust the preview
Every choice updates the preview and the wording below.
Pull Strength
Button Style
Easing
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a magnetic button that follows the cursor when hovering nearby with medium attraction. The button uses a minimal outlined design and returns to center with spring easing. Track cursor position relative to button center and apply CSS transform translate.
Paste it into Claude, Cursor, or v0 along with the context for your project.