CSS Cursor Tester
Preview every CSS cursor value and copy the one you want.
Hover any tile to see its cursor — click to select
CSS
cursor: pointer;
Choosing the right cursor
The CSS cursor property controls the mouse pointer shown when hovering an element — a small but important affordance. Use pointer for clickable things, not-allowed for disabled controls, grab/grabbing for draggables, and the resize cursors for handles. Hover the tiles above to feel each one, then copy the value. It all runs in your browser.
Private & free — this tool runs entirely in your browser.
Recommended: Kinsta — Fast managed hosting — up to $500 + 10% recurring.affiliate
Related Design & CSS tools
Color Converter
Convert a color to HEX, RGB, HSL, HSB, and CMYK at once.
HEX to RGB
Convert HEX color codes to RGB / RGBA values.
RGB to HEX
Convert RGB values into HEX color codes.
CSS Box Shadow Generator
Visually design CSS box-shadow with a live preview and code.
CSS Border Radius Generator
Visually craft border-radius with a live preview.
HEX to CMYK
Convert HEX colors to CMYK print values.
CMYK to HEX
Convert CMYK print values to HEX colors.
HEX to HSB
Convert HEX colors to HSB / HSV values.