Cursor studio

Arrow Cursor Designer

Shape it live, then export. Same geometry as the render files — what you see is what ships.

Preview
32 px
48 px
hotspot 

Direction

Shape

Corner curve24
Matched corners

Every corner gets the same curve — the outline is rebuilt from its true edges, so the top matches both ends. Above ~24 the sharper ends stop matching; 24 is the largest that stays even.

Color

Two-tone facet

Depth

Drop shadow
Softness4
Offset down3
Strength28%

Keep it low — above ~40% it stops reading as subtle, and a wide soft shadow can clip at the canvas edge.

Gradient fill

Border

White border8

Keeps the cursor readable on any background. Set to 0 for none.

Shine

Gloss streak
Position24%
Length26%
Thickness16
Distance from edge27
Blur0

0 is a hard-edged bar; higher values soften it into a glow. It stays clipped inside the shape either way.

Reference layer

Opacity45%
Scale100%
Dart as outline

Drag on the preview to position it. The reference is preview-only — never exported.

Load an image to trace over — set it faint, then match the shape with the sliders (or the outline toggle).

Trace points

Plot mode — click the preview to drop points
Close & fill shape
Smooth corners0
no points yet — click on the preview

First point = hotspot. Drag a dot to nudge it. Paste the points to me for a ready-to-use .cur.

Export

px, transparent

Tip: if a download doesn’t start, right-click the preview → “Save image as”.

Recipe for the .cur file

Paste this back to me and I’ll pack the ready-to-use multi-resolution .cur (with the hotspot baked in) from the same math.

Try it — your pointer becomes this cursor in here
Whole page

Buttons

Primary action
Secondary

Reading

Move around over text to see how the tip sits against small type, and whether the link colour still reads underneath it.

Form

name@example.com
••••••••

On colour

The border earns its keep on the darker and same-colour tiles.

Prefer a full editor? Draw pixel-by-pixel and export .cur/.ani at cursor.cc or MouseTesting’s cursor builder (multi-size .cur in the browser), or RealWorld Cursor Editor (free desktop app, animated cursors). Or upload a PNG from here to ImageToCursor.