Vanish Text

What it does

It cycles through a list of phrases, and each one disintegrates into particles before the next arrives.

So it's a rotating headline where the transition does the work — the text doesn't slide or fade, it comes apart.

Where you would use it

A hero headline that names several things you do. A tagline that can't be reduced to one sentence. A list of use cases where showing three is more convincing than picking one.

Keep the phrases a similar length. A short line followed by a long one makes the block jump, and the jump is more noticeable than the effect.

Controls

9 controls.

Working through the panel

Text and timing

Texts is the list. Add as many phrases as you want and it loops through them.

Interval is how long each one stays before it dissolves. Short keeps things moving but gives no time to read; long risks the visitor leaving before the second phrase. Around three seconds is a comfortable reading pace and that's where it starts.

Then the usual type controls — font, colour and alignment.

The dissolve

Four controls shape the disintegration itself.

Speed is how fast it comes apart. Particle Size is how fine the fragments are — small reads as sand or smoke, large as pixels breaking up.

Scatter is how far they fly. Low keeps them near the letters, which reads as erosion; high throws them across the frame, which reads as an explosion.

And Density is how many particles are generated. High looks richer and costs more to render, so on a long headline try medium first.

Performance and limits

• It stops rendering when it scrolls out of view, so an instance below the fold costs nothing until the visitor reaches it.

• Static rendering is handled, so canvas thumbnails and exports show a settled frame rather than a blank box.