CSS cursors list. CSS cursor viewer
Full list of CSS cursors. Here you can find all CSS cursor values. View, copy properties and use CSS cursor in your project.
Basic cursors
auto
default
none
Links and status cursors
context-menu
help
pointer
progress
wait
Selection cursors
cell
crosshair
text
vertical-text
Drag and drop cursors
alias
copy
move
no-drop
not-allowed
grab
grabbing
Resize and scrolling cursors
col-resize
row-resize
all-scroll
n-resize
e-resize
s-resize
w-resize
ne-resize
nw-resize
se-resize
sw-resize
Zoom cursors
zoom-in
zoom-out
What is the CSS cursor viewer?
The CSS Cursor Viewer is a handy tool that provides a full list of cursor options available in CSS, each with a visual preview. You can easily decide which one fits your design needs, from the default arrow to the crosshair, pointer, grab, and many more, each cursor is displayed with its real-time effect.
Why choosing the right CSS cursor matters
Choosing the right cursor for your website can really impact user experience. My CSS cursor tool provides a full collection of all possible cursor styles to help you make the best cursor variant for your design requirements.
How to use the CSS cursor viewer
This tool is designed to help web developers and designers fast find and copy the right cursor styles for their projects. You don't need to memorize cursor properties anymore — just browse through our collection, see how each cursor behaves, and copy the necessary code with one click. This way, you save time while ensuring your users have a great experience interacting with your site.
What is a cursor in CSS?
A cursor property in CSS determines which cursor will be visible for the user when hovering an element, that has this cursor property specified. This can be useful to improve interaction with your web app or site for users.