gizmobench

Cursor Maker

Create a static cursor from local artwork or a pixel canvas up to 128 by 128. Paint with color and alpha, erase, undo a stroke and set the exact hotspot with pointer or numeric controls. Inspect the cursor in a contained preview, then download PNG or CUR and copy its escaped CSS rule.

Pixel canvas

Selected pixel (0, 0): RGBA 0, 0, 0, 0. The coral cross is the hotspot. Pointer strokes interpolate between pixels. Use Pan view to scroll on touch screens.

Hotspot and cursor preview

Move your pointer inside this box.

Browser and operating system cursor-size support varies. The preview uses PNG with the same pixels and hotspot; CUR is a static 32-bit bitmap with an alpha channel and transparency mask.

Import fits the whole image into the current cursor canvas without stretching, with transparent margins. Source PNG, JPEG and WebP images are checked before decode, up to 16 million pixels and 64 MiB. Animated and active formats are refused.

Pixel data and local draft

Drafts and pixels stay in this browser. Undo keeps up to 30 edits; larger canvases may retain fewer steps. A resized canvas preserves existing pixels without scaling; import performs the image fitting. No system settings are changed.

CSS fallback

cursor: url("cursor.cur") 0 0, default;

Place the downloaded CUR beside the stylesheet, or adjust its URL. The default keyword remains the fallback. Supplied filenames are URL-encoded as one relative path segment, then escaped for a quoted CSS URL.

Paint a pixel or import local artwork to begin.

Size
32 × 32 px
Hotspot
0, 0
Visible pixels
0
Fallback
default
Hotspot bounds32 × 32 pixels
x and y must each be 0 to 31
Alpha preservedRGBA alpha = 0
Transparent in PNG and CUR
Static cursorOne image with transparency
No installation or system changes

Accuracy. Static cursors only; no installer or system settings changes. Browsers/OSes maylimit supported size.

Common questions

How do I make a custom cursor?
Paint pixels on the zoomed canvas, or import a still local PNG, JPEG or WebP image. Import fits the complete image inside the selected cursor size while keeping its aspect ratio and transparent margins. Set the hotspot, check the preview and download CUR or PNG. The original arrow example is drawn by this tool.
What is a cursor hotspot?
The hotspot is the pixel that performs the pointing action. Coordinates start at zero in the top-left corner. For a 32 by 32 cursor, x and y must both lie from 0 to 31. Out-of-bounds values are rejected rather than moved silently. Use the numeric controls, Place hotspot mode or the selected pixel button.
Does the CUR file preserve transparency?
Yes. The file holds a single 32-bit bitmap with the alpha value for each pixel, plus the transparency mask expected by the CUR format. Fully transparent pixels set the corresponding mask bit. Partial transparency remains in the bitmap alpha channel. PNG uses the same cursor pixels.
How do I use the cursor on a website?
Download the CUR file and place it beside your stylesheet, or change the URL to its actual location. Copy the CSS rule, which includes the numeric hotspot and the default fallback. The filename is URL-encoded as one relative path segment and escaped inside a quoted CSS URL, so spaces, punctuation and Unicode point to the downloaded filename. Browser and operating system support for large cursors varies; the contained preview uses PNG to demonstrate the same pixels and hotspot.
Can I edit without dragging a pointer?
Yes. Select a pixel using its x and y fields, then paint, erase or use it as the hotspot. On the focused canvas, arrow keys select pixels, Shift moves eight pixels, Space or Enter applies the active mode, and Delete erases. Numeric size and hotspot controls provide the same core editing functions. Undo restores the complete last pointer stroke.
Are my files uploaded or my system settings changed?
No. Files are decoded in this page, and the tool does not install a cursor or change system settings. An edited cursor draft is saved locally in this browser. Imports are bounded to 16 million decoded pixels and 64 MiB, then fitted into the cursor canvas. Undo keeps up to 30 edits within a bounded memory budget.

Static cursors only; no installer or system settings changes. Browsers/OSes maylimit supported size.