Cursor GPS Tracker
Track the cursor like a GPS. A lightweight Framer component that displays live coordinates, with a docked or follow‑cursor label and an optional motion trail.
Make it with Workshop
Build your own component with AI
Track the cursor like a GPS. A lightweight Framer component that displays live coordinates, with a docked or follow‑cursor label and an optional motion trail.
Make it with Workshop
Build your own component with AI
Drop Cursor GPS Tracker onto any frame to overlay a crisp, padded coordinate label that updates as you move the pointer. Choose fixed positions (corners/edges) or have the label follow the cursor with smart offsets. Switch formats on the fly (Plain, Lat‑Lng, DMS) and control decimals for pixel‑perfect demos. Add a smooth SVG trail for motion flair. Under the hood, pointer tracking is RAF‑batched and the trail uses an O(1) ring buffer, keeping interactions stutter‑free even on dense pages.
Follow or docked label: corners, edges, or follow‑cursor with offsets.
Three formats: Plain, Lat‑Lng, or DMS (configurable decimals).
Optional motion trail: smooth Bezier path with length, color, opacity.
Performance‑first: RAF batching + ring buffer avoids layout thrash.
Design‑ready label: tabular numerals, custom font, padding, radius, shadow, border.
Plug‑and‑play: works over images, maps, charts, or any component.
Format: Plain, Lat/Lng, or DMS; Decimals (1–12).
Label position: Follow Cursor, Top/Bottom/Left/Right centers, or any corner.
Offsets: Offset X / Y when docked; auto offsets in follow mode.
Label style:
Font
Text Color
Padding
Radius
BG
Shadow
Border
Trail: Show/Hide
Color
Length (2–60)
Opacity (0.1–1).
