component
Cursor Coordinates
By ALEXANDRE
Details
- ALEXANDREAuthor
- componentType
- 2025-12-01Published
- 2026-08-12Updated
- 2025-11-25Added
- CursorsCategories
Summary
About Cursor Coordinates Pointer movement is easy to feel.
Description
About Cursor Coordinates Pointer movement is easy to feel. Cursor Coordinates makes it readable without pretending to track real location. Pointer position becomes a live coordinate label inside a Framer component. Use Plain, Lat/Lng, or DMS, place it around the frame or let it follow the cursor, then style it from the controls. It reads pointer position only. Bounds are cached, updates are batched with browser frames, and optional trails use a bounded buffer instead of rebuilding the path from scratch. Built for interactive maps, spatial demos, data visuals, canvas sections, and product interfaces where movement needs readable feedback. Why Cursor Coordinates Pointer data, not GPS The label maps pointer position inside the component to Lat/Lng-style values without reading real location data. Movement stays light Bounds are cached with ResizeObserver and pointer updates are batched with browser frames, so the component does not measure layout on every move. Formats are built in Plain, Lat/Lng, and DMS formats are available, with decimal precision controls and tabular numbers for a stable label. Display stays controlled Fixed positions, follow-cursor mode, offsets, label styling, and optional SVG trails are handled from Framer controls. Good fit / Wrong fit Good fit: interactive maps, spatial demos, data visuals, and cursor feedback. Wrong fit: real GPS, analytics tracking, or stored pointer history. Contact & Support Questions about setup, product, or licensing: alexandre@madebymash.com
Introduction
Live pointer data, made visual
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #5097