Flow Field Trails text animation: the word aimotions animated in this style
137GenerativeCanvas

Flow Field Trails

Generative text animation where thousands of particles drift along a noise-driven vector field, leaving silky trails. Inside the letters they slow down and glow, so the word condenses out of the current. A creative-coding look for portfolio heroes.

Prompt · replace [TEXT]

Tool-agnostic
Create a generative flow-field animation for the word [TEXT]. Thousands of tiny particles move through a smooth, slowly evolving noise-based vector field, each drawing a thin line segment every frame over a near-black background that fades slightly each frame so trails linger and dissolve. Particles that enter the letterforms of [TEXT] slow down and switch to a brighter, warmer color, so the word gradually condenses out of the current while everything around it keeps streaming. Outside the letters keep the trails cool and dim. Respawn particles that leave the frame at random positions. Calm, hypnotic, endless motion.

Visual DNA

  • Thousands of tiny particles following a smooth noise vector field
  • Long fading trails that read like brush strokes or wind maps
  • Particles slow down and brighten inside the letterforms
  • Cold dim palette outside, warm bright palette inside the word
  • Endless, non-repeating organic motion
Category
Generative & Math Art
Demo built with
Canvas
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 Flow Field Trails 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 ♥