AI CSS Cursor - Preview All CSS Cursor Styles

🎨 Custom Cursor Image

Upload a .cur, .png, or .gif (max 128x128 recommended) to preview as custom cursor

Choose Image

⚙️General

🖱

auto

Browser decides

🖱

default

Default arrow

🖱

none

No cursor visible

🖱

context-menu

Context menu

🖱

help

Help available

🖱

inherit

Inherit from parent

🖱

initial

Reset to initial

🖱

unset

Unset value

🖱

revert

Revert to UA style

👆Links & Actions

🖱

pointer

Clickable element

🖱

progress

Background loading

🖱

wait

Busy / loading

🚦Status

🖱

not-allowed

Action not permitted

🖱

no-drop

Cannot drop here

✂️Selection

🖱

text

Text selection

🖱

vertical-text

Vertical text

🖱

cell

Table cell

🖱

crosshair

Precise selection

🖱

alias

Alias / shortcut

🖱

copy

Copy action

✋Drag & Drop

🖱

grab

Can grab

🖱

grabbing

Grabbing

🖱

move

Move element

🖱

all-scroll

Scroll any direction

↔️Resize

🖱

col-resize

Resize column

🖱

row-resize

Resize row

🖱

n-resize

North

🖱

e-resize

East

🖱

s-resize

South

🖱

w-resize

West

🖱

ne-resize

NE

🖱

nw-resize

NW

🖱

se-resize

SE

🖱

sw-resize

SW

🖱

ew-resize

Horizontal

🖱

ns-resize

Vertical

🖱

nesw-resize

NE-SW

🖱

nwse-resize

NW-SE

🖱

zoom-in

Zoom in

🖱

zoom-out

Zoom out

Copied!

🔒 Pro Features

✨ Animated Cursors

🎯

✨

🔥

💫

📦 Cursor Pack Downloads

⚛️ React useCursor Hook

🔒

Click to unlock Pro features