Component · Cursor effects

Silk ribbon mouse trail

by Informeek Studio 11 November 2026
Live Swing the cursor in loops, then try another colourway

The prompt

Create a mouse trail effect of four silk ribbons for a scarf label called Maison Ondine. Deep plum background, a radial gradient from #2b1520 to #1a0f14. Centre a small uppercase label, the serif headline "Silk that moves the way you do" (96px, regular weight, with "the way you do" in italic peach #ffc8b4), one line about hand-rolled mulberry silk, a row of three 30px colourway swatches (Rose #ff8fa3, Ochre #e9b85c, Lagoon #62c6c9) with 46px hit areas and aria-pressed, and a cream pill "Shop the twelve colourways". On a full-screen canvas behind the copy, each ribbon is a chain of 46 points: the head eases toward a point circling the pointer by 14 to 20px, and every point eases toward the one before it, from 0.32 down to 0.23 per ribbon, so the four trails part and overlap. Draw each ribbon as a strip of quads 26px wide at the head (16px on phones) tapering to the tail. Multiply the width by a travelling cosine so the ribbon twists edge-on and back, lighter on its face and darker on its back, in HSL. Swatches fade the ribbon hues to the new colourway. A tap flicks the ribbons outward. When idle for 2.4s, the ribbons trace a figure of eight. For reduced motion, draw them once as a still drape.

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 ribbon hues to your own collection.

About this mouse trail effect

This mouse trail effect follows the cursor with four ribbons of silk. Each one is a chain of points that chase each other, so the ribbons swing wide on fast turns and gather on slow ones. What makes them read as fabric is the twist: the width rises and falls along the length, so the ribbon turns edge-on and back again, with a bright face and a darker reverse.

Every segment is shaded on its own, which gives the sheen without any lighting maths. The colourway swatches under the copy fade all four ribbons to Rose, Ochre or Lagoon, and a tap anywhere flicks them outward before they fall back in line.

Why the prompt works

  • It defines the chain, 46 points and an easing per ribbon, which sets how long and loose each trail is.
  • It explains the twist as a travelling cosine on the width, the single idea that turns lines into silk.
  • It shades face and back separately, lighter and darker, so the twist is visible.
  • It ties the effect to the product through the colourway swatches.

Where to use it

Fashion, textiles, dance, perfume and any brand built on movement and colour. Keep the background dark so the ribbons glow.

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 →