The cursor is the first thing that tells people what they can do. Cursory puts every CSS cursor value inside the interface it was made for, so you can feel the difference, then copy the one line you need. Hover the headline to start.
Cursors only appear with a mouse or trackpad. On this device you can still read each value, try the demos, and copy the CSS.
Two free tools that put these rules to work. Both run entirely in your browser.
Open Cursor Studio, a full-page editor for custom cursors. Start from a ready-made shape or your own image, set the exact hotspot, test it over real backgrounds, and export CSS, Tailwind, SVG or PNG.
Paste CSS or HTML and Cursor Lint finds invalid values, missing fallbacks, pointer on disabled controls and more, then fixes them in one click.
The same CSS can draw a different cursor on each operating system and browser. Hover any value to see what your setup draws.
Notes describe documented platform behavior, which can change between OS and browser releases. Check your target devices before shipping.