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-agnosticRender [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
No paywall, no sign-up. If a prompt saved you an hour, a coffee keeps new styles coming.
Keys: ← → browse · C copy