Particle Explode & Assemble text animation: the word aimotions animated in this style
105KineticCanvas

Particle Explode & Assemble

Thousands of particles burst outward from the word and spring back to rebuild it, glowing hotter the faster they fly. A staple of logo reveals, product launches and tech event openers, built on simple spring physics.

Prompt · replace [TEXT]

Tool-agnostic
Build the word [TEXT] out of several thousand small glowing dots sampled evenly inside heavy, rounded bold letterforms, on a deep blue-black background. Start with the dots scattered far away; springs pull each one home with a little overshoot and a few small wobbles, each dot with a slightly different stiffness so the word condenses organically. Hold while the dots shimmer in place. Then a blast at one point of the word throws every dot outward with a thin expanding shockwave ring; they swirl, slow down, and spring back to rebuild the word. Color every dot by its speed: pale cyan at rest, electric blue, violet, hot pink and amber when fastest, with short motion trails. Loop seamlessly.

Visual DNA

  • Several thousand dots sampled from the letterforms
  • Radial blast with a thin expanding shockwave ring
  • Underdamped springs: particles overshoot and settle home
  • Color by speed: pale cyan at rest, violet, pink and amber in flight
  • Short motion trails on a deep blue-black background
Category
Kinetic Typography
Demo built with
Canvas
Energy
Intense
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 Particle Explode & Assemble 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 →

107KineticCanvas

Shatter & Rewind

shattering text · glass break text effect · text explode and reassemble · broken glass typography

Details →
109KineticCSS

Slice & Split

sliced text animation · split text effect · text slice transition · horizontal band split

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 ♥