Soap Film Iridescence text animation: the word aimotions animated in this style
161LightWebGL

Soap Film Iridescence

Rainbow thin-film swirls drift across a soap film as the word drains into ultra-thin black film, outlined by bright gold, magenta and blue fringes. A hypnotic physical-optics text effect for beauty, wellness, science and design brands.

Prompt · replace [TEXT]

Tool-agnostic
Make an extreme close-up of a soap film where [TEXT] appears through thin-film interference. Against black, the film fills the frame with slowly swirling, marbled rainbow colors: vivid magentas, golds, teals and blues near the top where the film is thinnest, softer pink-and-green pastel bands toward the bottom, with gentle eddies and a faint soft reflection of a window. In the middle, [TEXT] in a heavy grotesque sans gradually drains into ultra-thin film that looks pure black, each letter outlined by bright silver, gold, magenta and blue fringes, and the letters wobble slightly with the flow. Hold, let the film refill and wash the word away, then loop. Slow, hypnotic, physically believable.

Visual DNA

  • Swirling interference colors computed from real film thickness
  • Word drains to black film, ringed by the classic first-order fringes
  • Gravity layering: thinner, brighter colors at the top, pastel bands below
  • Slow eddies and marbling with a faint window reflection
  • Deep black surround that makes the colors glow
Category
Light & Shaders
Demo built with
WebGL
Energy
Calm
Background
Dark 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 Soap Film Iridescence 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 →

Related styles

All Light styles →
001ReactiveSVG

Bulge Warp Grid

op art hover · bulge distortion text · gravity well cursor · lens warp lines

Details →
041CraftCSS

Pop-Up Book

pop up book text · paper pop up letters · popup card animation · paper engineering

Details →

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 ♥