Interactive Cursor Test

Hover over the blocks to explore different cursor styles in action!

Upload your own cursor or try our pre-made examples!

Upload Custom Cursor (PNG, GIF, SVG, CUR, ICO):

Cursor Hotspot Coordinates: The hotspot is the active point of the cursor (e.g., tip of arrow). Default is (0, 0) = top-left corner.

Click to set hotspot

Try Pre-made Cursors:

Hover here to test your custom cursor!

Upload a screenshot and define cursor regions with JSON

Upload Background Image:

Shape Definitions (JSON): Define rectangles, circles, and lines with cursor associations

Add shapes to test cursors.

Hover

Rectangle Circle Line

Generated JSON: