Jelly Soft-Body Text
Jelly text effect: the word is a glossy soft-body rubber lattice that the cursor dents like a finger. The letters bulge around the dent and wobble back on springs. Ideal as an interactive, animated website hero title for playful brands.
Prompt · replace [TEXT]
Tool-agnosticMake [TEXT] a soft, glossy rubber object in puffy rounded lowercase: coral red letters with a thin cream grid printed on their surface, a white specular highlight and a soft lilac drop shadow on a pale lilac background with a faint dot grid. The letters are a spring lattice. At rest an invisible fingertip drifts slowly over them, leaving shallow dents that wobble out. On hover the pointer presses a deep dent into the word: the surface around it bulges and stretches, the grid lines bend, the compressed area darkens and the rim catches the light; moving fast drags the jelly along. When the pointer leaves, everything jiggles back with two or three decaying wobbles. A press gives a heavy poke that ripples through every letter. Same reaction under a finger on touch screens.
Visual DNA
- Puffy rounded letters in glossy coral rubber with a cream grid printed inside
- Spring lattice: dents under the pointer, bulges around it, jiggles back
- Grid lines, highlights and drop shadow all deform with the surface
- Compressed areas darken, stretched rims catch the light
- Press for a heavy poke that sends a wobble through the whole word
- 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