Toolvist

CSS Cursor Viewer

Preview every CSS cursor value on a hover surface and copy the declaration you want. Free viewer covering pointer, grab, crosshair and not-allowed.

Hover a tile below — or this panel — to preview

cursor: default

Cursors listed

0

Showing

0

Categories

0

Last copied

—

Custom url() cursor tester

Hover here

cursor: url(...), pointer;

CSS Cursor Viewer

See exactly what every CSS cursor value looks like before you use it. Hover any tile to preview the cursor live, click to copy the declaration, and filter the list to find the one you need.

How to Use

The grid below lists every cursor keyword supported by modern browsers, grouped by purpose. Hovering a tile applies that cursor to it, so you can feel the difference between move, grab and all-scroll before committing.

  • All standard cursor keywords
  • Live hover preview on each tile
  • Click to copy the cursor declaration
  • Search filter and category grouping
  • Custom url() cursor tester

Related Developer Tools

Browse all Developer Tools →

You might also need

Tools from other categories that people pair with the CSS Cursor:

Browse the full tool directory →