Component · Cursor effects

WebGL ink fluid cursor

by Informeek Studio 11 November 2026
Live Stir the ink with the cursor, then click to change colour

The prompt

Build a fluid cursor for an ink brand called Tincture, as a real WebGL fluid simulation. Full-screen canvas on #06070d behind a centred label, the headline "Colour that moves before it dries" (94px, 800 weight), a line about plant-based inks, a light pill "Pour a new colour" and a live swatch reading "Now pouring Peony". Use WebGL2 with half float textures (fall back to WebGL1 with the half float extensions, then to a simple 2D canvas). Run stable fluids at 128 cells on the short side (96 on phones) with dye at 512 (320 on phones): curl, vorticity confinement at 24, divergence, 18 pressure iterations, gradient subtraction, then advection of velocity (dissipation 0.25) and dye (1.15). Display with 1 minus exp(-dye times 1.5) over the background so colours glow without clipping. Each pointer move splats velocity scaled by 5200 and dye in the current ink: Peony #ff4f8b, Kingfisher #4fd1ff, Saffron #ffd166, Damson #9b6bff. Each click changes ink and fires a ring of nine outward splats, and the button pours above itself. When idle for 2.6s, an invisible brush draws slow loops and cycles inks every 1.5s, so phones always see motion. Cap device pixel ratio at 1.5. For reduced motion, settle four splats into a still image.

Written by Informeek Studio to recreate this design. Prompts are not deterministic: running it again gives a similar result, not an identical one.

Use it in three steps

  1. Copy the prompt with the button above.
  2. Paste it into your tool, such as v0, Lovable, Bolt or Claude.
  3. Make it yours by setting the four ink colours and names to your own range.

About this fluid cursor

This fluid cursor is a genuine simulation, not a blur trick. Every pointer movement pushes velocity and a little dye into a grid that runs on the graphics card, and the ink then curls, folds and spreads according to the same stable fluids method used in film effects. Small whirls are kept alive with vorticity confinement, which is why the edges break into fine curls instead of smearing.

Each click switches to the next ink, Peony, Kingfisher, Saffron or Damson, and fires a ring of splats, so colours layer over each other. The simulation runs at a low resolution and only the dye is drawn at a higher one, which keeps it smooth on phones. When nobody is touching it, an invisible brush keeps stirring.

Why the prompt works

  • It names every pass of the solver and its numbers, so the tool writes a real fluid rather than a fake one.
  • It sets two resolutions, a coarse velocity grid and a finer dye texture, the key to speed.
  • It includes fallbacks for older devices, down to a simple 2D trail.
  • It tone maps the colour, so overlapping inks glow instead of turning flat white.

Where to use it

Paint, ink, drinks, cosmetics and creative studios, or any dark hero that needs one memorable moment. Keep the copy short and give it a soft text shadow.

The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.

Keep exploring

More prompts like this

See the collection →