Slipstream Animated Text Generator

Slipstream sends the letters riding a wave across the frame, each trailing a motion-blur streak that stretches with its speed and vanishes as it slows.

SSSLLLIIIPPPSSSTTTRRREEEAAAMMM

What Slipstream is good for

How this animation is built

sl-wave moves each letter along a wave path with a phase offset, and a directional feGaussianBlur is tied to velocity — the streak lengthens where the letter moves fastest and disappears at the turning points, which is what makes it read as speed rather than a static smear.

Tips for Slipstream

Slipstream questions

Why does the blur change during the animation?

It is tied to how fast each letter is moving at that instant. A constant blur would look like a defocus; a velocity-linked one looks like motion.

Related animation styles

Browse all 96 animated text styles