UtilToolkits
Request a Tool
Home
Text Tools
Image Tools
CSS Tools
Coding Tools
Color Tools
Calculator Tools
Productivity Tools
Fun Tools
Video Tools
Other Tools
BlogAI Content Detector
CodeCast
Play CodeType CodeCode to Image

Your Favorites

Sign in to view your favorites

Tool Categories

UtilToolkits
© 2026 UtilToolkits. All Rights Reserved.
AboutContactPrivacyTerms
  1. Home
  2. Tools
  3. CSS Cursor Viewer

Quick Tip: Miscellaneous

Don't eyeball it, convert it! A Unit Converter is perfect for recipes, travel, or any time you need to switch between metric and imperial.

CSS Cursor Viewer

default

Standard arrow

Hover here to test
cursor: default;

More CSS Tools

CSS Triangle Generator

Generate CSS code for geometric triangles.

Try Now

CSS Border Preview

Visualizer for all CSS border styles.

Try Now

CSS Background Patterns

Generate pure CSS background patterns.

Try Now

Box Shadow Generator

Create and customize CSS box-shadow effects with a visual editor.

Try Now

CSS Gradient Generator

Create beautiful CSS gradients with color pickers and angle controls.

Try Now

Border Radius Generator

Create custom border radius values with individual corner controls.

Try Now

Text Shadow Generator

Create beautiful text shadows with precise control over position and blur.

Try Now

Glassmorphism & Neumorphism Generator

Create modern glassmorphism and neumorphism effects with visual controls.

Try Now

About this Tool

Point the way. Explore all the available CSS cursor values strings. See how they look and copy the code to improve your UI's affordance.

The cursor is the user's hand in the digital world. Changing it from a pointer to a 'not-allowed' sign or a 'grab' hand communicates interaction instantly without words. This gallery shows you every option the browser supports.

  1. Hover over the boxes to see the cursor change.
  2. Click to copy the CSS (e.g., `cursor: pointer;`).
  • Finding the right cursor for a drag-and-drop interface.
  • Indicating that an action is currently loading/busy.
  • Showing that an element is clickable.
  • Visual Reference: See the actual cursor behavior.
  • Complete List: Includes standard and exotic cursors.
  • One-Click Copy: Grab the CSS instantly.

It renders a grid of divs, each with `style='cursor: value'`. It's a living dictionary of the CSS Cursor Level 3/4 spec.

Do all browsers support these?

Most are supported everywhere. Some newer ones like `zoom-in` might behave slightly differently on old browsers, but they generally degrade gracefully.

Can I use custom images?

Yes, CSS allows `cursor: url('image.png'), auto;`, but this tool focuses on the built-in keywords.

Why does the cursor not change?

You must be using a mouse or trackpad. Touchscreens don't have a persistent cursor state!

All calculations and data processing for this tool are performed locally in your browser. UtilToolkits does not send any of your data to an external server, ensuring your information remains private and secure.

Credits:Next.js•React•Tailwind CSS•Lucide Icons