Skip to main content

useMousePosition()

Tracks the current position of the mouse cursor on the screen. Ideal for creating interactive UI elements or mouse-based effects in React applications.

Import​

Loading...

Usage​

import { useMousePosition } from "reactuals";

function MouseTracker() {
  const { x, y } = useMousePosition();

  return (
    <div className="p-4">
      <p className="mt-4">
        Mouse Position: X: {x}, Y: {y}
      </p>
    </div>
  );
}