Open Editor All Docs

The Export panel creates Windows cursor files, artwork backups, cursor-set packages, and website-ready Base64 CSS. File exports read your saved size artwork only when you request them; Base64 CSS is not regenerated while you draw.

Export panel settings interface

Here is a detailed breakdown of all the export formats side-by-side with their actual editor icons:

Download .cur (Still Cursor)

Used to export a single-frame, static cursor. It packages every size you have drawn on the Multi-Size shelf into a single, multi-resolution .cur file — using your actual hand-drawn pixels at each size, with no automatic downscaling. If you only drew one size, you get a clean single-size cursor.

Download .ani (Animated Cursor)

Generates animated cursor files from your frames, preserving frame delays and hotspot coordinates. Every drawn size is exported through the site's Windows-compatible grouping plan and bundled in a .zip with a readme. See Multi-Resolution Sizes below.

Backup frames .png

Exports raw pixel artwork as standard PNG files with transparency intact. Single-frame cursors export as one `.png` file, while multi-frame animations package all frames into a single `.zip` archive. Highly recommended for backing up raw pixel assets.

Get Base64 CSS Code (Web Cursor)

Choose one size up to 128px, then press Generate CSS. Static cursors produce a complete * rule using lossless Base64 PNG and an explicit hotspot. Animated cursors default to Optimized WebP for website use, with Lossless PNG available to match Live Preview; both use step-end keyframes, frame delays, and explicit per-frame hotspots. Compression depends on the artwork, so optimized WebP can occasionally be larger than PNG—the dialog shows the downloaded stylesheet size for comparison. Copy gives you an HTML-ready <style> block, while Download saves a normal .css file without HTML tags. Copy and Download remain disabled whenever generated output is stale. If the chosen size was drawn on the Size Shelf, those pixels are used directly; otherwise the editor resizes the source artwork. Nothing is encoded until you request it.

Download full set .zip (Workspace Export)

Generates a complete, Windows-installable cursor theme package. It exports each cursor card in your left workspace as a separate `.cur` or `.ani` file, and dynamically compiles a custom install.inf script so users can right-click and install the whole set in seconds.

Multi-Resolution Sizes

Drawn on the Multi-Size shelf

Modern displays scale cursors depending on screen resolution. The sizes baked into your export come straight from the Multi-Size shelf — whatever sizes you have drawn by hand. The editor exports your real pixels at each size; it never auto-downscales one drawing to fake the others.

  • Supported sizes: 32, 48, 64, 72, 96, 128, and 256 pixels.
  • Static .cur: every size you drew is embedded together in one multi-resolution file, so Windows picks the sharpest one for the display.
  • Animated .ani: Complete 32/48/64 and 72/96/128 groups are packed into multisize .ani files. Any drawn size not covered by a complete group—including 256px or a partial group—is exported as its own standalone .ani. All resulting files go into one .zip.

Checklist Before You Export

  • Calibrate Hotspot: Double-check that your click-point is set to the tip of your pointer in the Hotspot panel.
  • Visual and Hotspot Check: Open Live Preview and move into its test area to generate the browser cursor. Hold and drag: the trail follows the point where the active hotspot is registering, making an offset tip or center immediately visible. Test over the dark, light, or theme-aware checkerboard background. Animated previews use CSS keyframes with your frame delays and hotspots.
  • Size Check: Confirm the active size before backing up PNG frames, and choose the intended web size before generating Base64 CSS. Windows cursor downloads include all drawn sizes.
  • Title Check: Name your workspace item clearly. The editor converts that text to a lowercase, hyphenated download name (for example, my-custom-cursor.cur).

Related Pages

Multi Sizes and Hotspots Pick canvas sizes, add multi-size cursor artwork, and set the click point. Animation & Frames Construct moving cursor animations using timeline frames, set frame delay, loop, and onion-skin overlays. Cursor Projects and Sets Name cursors, manage workspace items, assign roles, and export complete cursor sets.