Create a gooey blob cursor for a sparkling fruit soda called Gloop. Light peach background #fff1e0 and dark brown text #2b1a12. Centre a label with a dark pill "Gloop" and "Sparkling fruit soda", the headline "Fizz that sticks around" (116px, 900 weight, line height 0.9), one short line, three flavour chips with coloured dots (Blood orange #ff5e3a, Yuzu #ffc93c, Pear #7ad3a8) using aria-pressed, and a dark pill "Find a stockist". Behind the text, a fixed layer holds six circles of 150, 108, 84, 64, 48 and 34px (76 to 20px on phones). The first eases toward the pointer at 0.22 per frame, and each other one follows the circle before it a little slower, offset by a slow wobble of about a third of its size, so the blob always looks lumpy. Merge them with an SVG goo filter, a 12px Gaussian blur then an alpha colour matrix of 22 and minus 9, and set the layer to mix-blend-mode multiply. Stretch each circle along its direction of travel. Four small white bubble rings rise through the head and fade. The blob grows 1.45 times over buttons and takes the colour of the chosen flavour. A tap flicks droplets that get pulled back. When idle for 2.6s, it wanders around the headline. For reduced motion, keep it still.
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
- Copy the prompt with the button above.
- Paste it into your tool, such as v0, Lovable, Bolt or Claude.
- Make it yours by choosing your own flavours or product colours for the blob.
About this blob cursor
A blob cursor works when it feels like liquid, not a circle on a delay. This one is six circles chained together, each following the one in front a little more lazily, then melted into one shape by an SVG goo filter. The filter blurs the circles and sharpens the edge again, so where they touch they join with a soft neck, like syrup pulling apart.
The circles also wobble around each other all the time, so even at rest the blob is lumpy and alive, and each one stretches in the direction it is moving. White bubble rings rise through the head and pop at the top. Pick a flavour and the whole blob changes colour; move over a button and it swells. The layer multiplies with the page, so the dark headline always reads clearly on top.
Why the prompt works
- It gives the exact goo filter values, 12px of blur and a 22 and minus 9 alpha matrix.
- It lists every circle size, for desktop and for phones.
- It adds the wobble and stretch, the two details that stop it looking like beads on a string.
- It links the blob to the product through the flavour chips.
Where to use it
Drinks, sweets, skincare, kids products and playful agency sites. Use bright, flat colours and a heavy headline.
The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.
