CSS Cursor Viewer

Visually explore and test all CSS cursor values. Click on any cursor to see it in action and copy the CSS.

Cursor: pointer

Move your mouse here to test the cursor

cursor: pointer;

Custom Cursor Example

cursor: url('custom.png') 4 4, auto;

The numbers (4 4) define the hotspot position. Always include a fallback like 'auto' or 'pointer'.

Features

  • All cursor types
  • Live preview
  • Click to test
  • One-click copy
  • Descriptions
  • Free to use

How to Use

  1. 1
    Browse cursor types
  2. 2
    Hover to preview
  3. 3
    Click to select
  4. 4
    Copy the CSS

Frequently Asked Questions

Why doesn't my cursor show?

Some cursors like browser-specific designs may vary. The basic ones work universally.

Can I use custom cursors?

Yes! Use cursor: url('image.png'), auto; for custom cursor images.