mouse-pointer-tools

mouse-pointer-tools is a react component that provides a toolkit for tracking the pointer position of the mouse. The toolkit provides both the x and y coordinates printed beside the pointer as well as optional horizontal and vertical rules for precision tracking. The colour of the lines and coordinates are customisable within the ReactDOM.render see the example use case below

Example of how to use

var React         = require('react');
var ReactDOM      = require('react-dom');
var PointerTools  = require('mouse-pointer-tools');
var rootElement   = document.body.getElementById("wrapper");

ReactDOM.render(
  <PointerTools color="pink" />,
  rootElement
);

Why would you use it?

• Styling tool for web app layout
• User screen tracking