---
title: "Cursor Magnet Button — Free Framer component · Best of Framer"
description: "Free Framer component · by Lucas · Cursors. It reaches for your cursor"
canonical: "https://framer.elliotli.dev/component/cursor-magnet-button"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Cursor Magnet Button

# Cursor Magnet Button

It reaches for your cursor

[View on Framer](https://framer.com/marketplace/components/cursor-magnet-button/?via=elliot-li)

![Cursor Magnet Button preview image 1](https://framer.elliotli.dev/og/component/cursor-magnet-button/4f277980e893ec61/1600x933.jpg)

## Summary

It reaches for your cursor

## Description

Bring the cursor close and the button drifts toward it on a damped spring — no overshoot, no wobble. The label trails slightly behind the button itself: that lag is what reads as elastic, without it the button would just slide as one dead block.

On hover, a fill sweeps out from the exact point the cursor crossed the edge, and the label flips colour with it. On click, a light press-down.

Still a real button (or a real link): reachable by keyboard, with a visible focus ring, no JavaScript involved in the hover or focus state — that part is plain CSS, so it behaves exactly the same with a mouse or a keyboard.

DOM and requestAnimationFrame, no dependencies, nothing loaded from outside. Honours prefers-reduced-motion. Free.

## Rank history [How rankings work →](/terms#rankings)

-   All · #5193

## Details

- **Author**: Lucas
- **Published**: 2026-08-05
- **Updated**: 2026-08-05
- **Added**: 2026-08-05
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…