CSS Cursor Generator

Create custom cursor styles with live preview and export CSS code

Cursor Options
16px 32px 64px
Slow 1s Fast
Live Preview

Move your cursor over the cells to see your cursor style in action.

Default Area Default Area Default Area
Default Area I'm a Link Default Area
Default Area Default Area
Generated CSS Code
/* Default cursor style */ body { cursor: default; } /* Adjust as needed for your website */
Custom Presets
Saved Styles

No styles saved yet.

Help

Upload an image, check "Use Custom Cursor", adjust the size and hotspot position, then copy the generated CSS code.

Hotspots define the exact point where clicks register. For example, in a pointer cursor, the hotspot is at the tip.

Custom cursors work in most modern browsers. Some effects may not work in older browsers.