Custom Cursors

Pick from 11 static SVG cursors and 17 animated effects — dot-and-ring, velocity squish, cursor trails, magnetic fields — tune every parameter on a live stage, and copy the prompt that rebuilds the cursor in vanilla JS + CSS.

How it works

Pick a cursor — a static SVG or a live JS effect — tune it on the stage, and copy the prompt that rebuilds it in your own stack.

Design a custom cursor from 11 static SVG cursors and 17 animated effects — trails, magnetic fields, velocity squish — and copy the prompt that rebuilds it.

The rest of the toolkit

Other tools

Text Animations
Spring-based text animation presets you can copy as a prompt.
ASCII Studio
Turn a photo or video into shader-based ASCII art, then copy it as a prompt.
Particle Forms
Scatter a mesh into points and give the cloud behaviour.
Image Compressor
Compress and convert images to WebP, AVIF, JPEG — 100% in your browser.
Holographic Cloth
A floating sheet of holographic foil you can grab, poke and tune.
Image Motion
Arrange your images in a looping 3D motion, copy it as a prompt.
SVG to 3D
Drop an SVG, get an extruded, bevelled mesh you can light.
Refract
See any image through procedural obscure glass — fluted to frosted.
Liquid Colour
29 colour styles and 350+ looks — tune one live and take it with you.
Orb Studio
Tune a voice-reactive WebGL orb, then copy the prompt that ships it.
Dither Art
Dithered generative art — 51 effects, 27 post effects, copy it as a prompt.
Shader Backgrounds
Apply our shader presets to anything and tune them live.