Design Tools

CSS Cursor Tester — Preview cursor Keywords

Browse common CSS cursor keywords, hover to preview, filter by search or category, and copy cursor declarations. Useful when choosing resize, drag, or disabled-state cursors.

Quick switch→CSS to Tailwind

CSScursorPointer

Quick switch:CSS to Tailwind CSS Box Shadow Generator

Favorite this tool

No favorite storage mode has been selected.

Quick actions

Back to Design Tools Browse all tools

Copy this tool URL or open the system share sheet on a supported device.

Use cases

Pick a resize cursor for drag handles
Compare not-allowed vs no-drop for disabled states
Copy filtered cursor declarations in bulk

How to use

Hover tiles to preview each cursor
Filter by keyword or category
Copy one cursor, the selection, the visible list

Example input and output

Action

Filter resize and click nwse-resize

Output

cursor: nwse-resize;

FAQ

Are custom image cursors included?

This list covers built-in keywords only. url(...) custom cursor images are not included.

Do cursors look identical on every OS?

Keywords are standard, but the artwork depends on the OS and browser. What you see locally is authoritative.

Tools

Related tools

Continue with another translated tool for a nearby task.

CSS to Tailwind

CSS to Tailwind — Declaration Mapper

Available

Paste CSS declarations and map them to Tailwind utility classes where possible. Common layout, spacing, and color rules become standard classes; unmatched values fall back to arbitrary-value syntax.

CSS Tailwind Convert

Open tool

CSS Box Shadow Generator

CSS Box Shadow Generator — Visual Controls

Available

Visually adjust offset, blur, spread, color, opacity, and inset. Preview live and generate box-shadow CSS for cards, buttons, and overlays.

CSS Shadow box-shadow

Open tool