Gooey Ink Cursor Blob text animation: the word aimotions animated in this style
005ReactiveWebGL

Gooey Ink Cursor Blob

Gooey ink text effect: a glossy red ink blob follows the cursor and melts into black ink letters, pulling sticky bridges and drips before it lets go. Ideal as an interactive, animated website hero title with a tactile, liquid feel.

Prompt · replace [TEXT]

Tool-agnostic
Render [TEXT] in a heavy rounded lowercase as glossy black liquid ink sitting on warm bone-colored paper, with white highlights, a faint oil-slick sheen on the rims and a soft cast shadow. A blob of glossy vermilion ink with a short wobbly tail floats near the word, the two inks blending where they touch. At rest it drifts along the letters, merging into each one it touches with smooth bridges. On hover the blob follows the pointer with a springy lag and grows: letters swell toward it, fuse into it, and stretch into sticky strands when it pulls away, until the bridge thins and snaps back into the letter. Quick moves shed thin drips that slide down and dry away. A press makes the blob swell and drop a fat drip. On touch screens the blob follows the finger.

Visual DNA

  • Glossy black ink letters on warm bone paper with a soft cast shadow
  • Red metaball blob with a lagging tail that merges into the black letters
  • Letters bulge toward the blob and stretch into sticky bridges
  • Thin drips peel off and slide down, then dry away
  • Oil-slick rainbow sheen on the rims, white studio highlights
Category
Reactive Styles
Demo built with
WebGL
Energy
Lively
Background
Light bg

Also known as

Support
Keep aimotions free

No paywall, no sign-up. If a prompt saved you an hour, a coffee keeps new styles coming.

Buy me a coffee

Keys: ← → browse · C copy

Use this style

  1. Step 01Copy the prompt

    It describes the Gooey Ink Cursor Blob look (composition, type, palette, texture and timing) without tying you to a tool.

  2. Step 02Replace [TEXT]

    Swap in your word, product name or headline. Short words (4–12 letters) read best in most styles.

  3. Step 03Ask for a format

    Paste it into Claude Opus 5.5, Claude Sonnet 5.5, Claude Fable 5.5, GPT-6 Astra or GPT-6.1 Sol, or a newer model, and request a single HTML file, a component, a shader or a brief. For a hero heading, use “Copy for website title”.

Website titles →Prompt guide →

Keep it free.

aimotions has no paywall and no sign-up. It is funded by people who found a style they love. A coffee on Ko-fi helps pay for hosting and the next batch of styles.

Support on Ko-fi ♥