6XC

CSS Cursor Picker

Hover every CSS cursor value to test it live, click to copy the cursor declaration.

983 views

Hover to test · Click to copy

The cursor Property

The cursor tells users what an element does before they click: pointer for clickables, grab for draggables, not-allowed for disabled areas, col-resize/row-resize for split panes. Hover each tile below to feel the cursor on your own screen; clicking copies the ready declaration. Custom images are also possible with cursor: url(...), fallback.

Frequently Asked Questions

Why does my custom cursor not show?

Custom cursor images must be small (32×32 or less on most platforms) and the declaration requires a fallback keyword: cursor: url("c.png"), auto;.

Should buttons use cursor: pointer?

Browsers do not apply it to <button> by default, but users expect it — most design systems add cursor: pointer to all interactive controls.

Similar Tools

CSS Gradient Generator Design linear, radial and conic CSS gradients with live preview and copy the code. Generate CSS Box Shadow Generator Design a box-shadow visually — offsets, blur, spread, color, opacity and inset — with live preview. Generate CSS Border Radius Generator Round each corner individually or all at once, in px or %, with live preview and copyable CSS. Generate CSS Text Shadow Generator Design a text-shadow with offsets, blur, color and opacity — live preview on sample text. Generate