Cursor Tracker — Live Cursor Position Tracker

Properties & Features

✓ Real-Time Tracking

Continuously captures and updates cursor X and Y values across the viewport.

✓ Customizable Styling

Adjust background color, text color, and typography directly from the property panel to match your design.

✓ Overlay-Ready Layout

Absolute positioning ensures the display can sit cleanly over any design.

✓ Performance Optimized

Uses React transitions for smooth updates without blocking UI responsiveness.

✓ Cross Hair Toggle

Enable the built-in crosshair overlay for precise tracking, or disable it to display coordinates anywhere on your canvas.

✓ Cursor Control

Choose between the default system cursor or the component’s custom tracking cursor.

✓ Flexible Positioning

Position the coordinate display anywhere using Top, Bottom, Left, or Right offsets directly from the property panel.

Questions & Support

Need help? Feel free to reach out anytime — I'm here to assist you!

Get in Touch ↗