ChevronCursorDemo

Delta cursor that points towards buttons

Chevron Cursor replaces the system pointer with a sharp geometric delta shape that intelligently orients itself toward the nearest interactive element — not from across the screen, but right at the button's edge. The moment your cursor grazes within range, it snaps to point. Pull away, it returns to neutral. Smooth, springy, precise. Visibility is handled automatically via mix-blend-mode: difference. The cursor stays white and inverts whatever is beneath it — dark backgrounds, light sections, colored blocks — always full contrast, never invisible, zero color config required.Use MagneticButton for any CTAEach component is fully configurable through Framer's property panel. Cursor size, attract radius, and an optional idle spin when no button is nearby. Buttons expose label, background, text color, padding, border radius, border color, width, and a per-button magnet strength multiplier that scales how aggressively the cursor reacts to that specific element. Note: Framer suppresses custom cursors inside the editor canvas. Use Preview or a published URL to see the interaction working.

Delta cursor that points towards buttons