Developer Suite• CSS Tools
CSS Cursor Playground
Hover over the cards to test every available CSS cursor property visually.
CSS Property
cursor: pointer;
Link pointer (hand)
auto
default
none
context-menu
help
pointer
progress
wait
cell
crosshair
text
vertical-text
alias
copy
move
no-drop
not-allowed
grab
grabbing
all-scroll
col-resize
row-resize
n-resize
e-resize
s-resize
w-resize
ne-resize
nw-resize
se-resize
sw-resize
ew-resize
ns-resize
nesw-resize
nwse-resize
zoom-in
zoom-out
What is this tool?
A visual playground to test and preview all available CSS cursor properties before using them in your project.
How to use
- Hover over the different cursor property cards.
- See how your mouse pointer changes in real-time.
- Click a card to copy the exact CSS property.
Key Features
- Live preview of all standard CSS cursors
- One-click copy to clipboard
- Categorized by interaction type (resize, status, selection)
Privacy First
Runs completely locally in your browser.