Skip to content

component

Cursor Coordinates

By ALEXANDRE

Details

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.

12001400150978/148/228/309/79/15
  • All · #5097