---
title: "ChevronCursorDemo — Free Framer component · Best of Framer"
description: "Free Framer component · by Navodit Vikram Shah · Cursors. Delta cursor that points towards buttons"
canonical: "https://framer.elliotli.dev/component/chevroncursordemo"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/ChevronCursorDemo

# ChevronCursorDemo

Delta cursor that points towards buttons

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

![ChevronCursorDemo preview image 1](https://framer.elliotli.dev/og/component/chevroncursordemo/c33a6824fa560908/1600x1200.jpg)

## Summary

Delta cursor that points towards buttons

## Description

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.

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

-   All · #4520

## Details

- **Author**: Navodit Vikram Shah
- **Published**: 2026-06-13
- **Updated**: 2026-06-05
- **Added**: 2026-05-31
- **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…