Cursor CSS Viewer

A visual list of all CSS cursor types (pointer, grab, not-allowed) so users can see how they behave.

Hover over any box to see the cursor in action. Click to copy the CSS value.

Features

  • Visual Library: View all standard CSS cursor values in one place.
  • Interactive Demo: Hover over each box to experience the cursor behavior immediately.
  • One-Click Copy: Click any box to copy the `cursor: value;` property relative to that cursor (actually just the value name in this simple tool, but typical usage implies `cursor: value`).

How to Use

  1. Move your mouse over the boxes to find the cursor style you need.
  2. Click on the box to copy the cursor name.
  3. Use it in your CSS, e.g., `cursor: pointer;`.