FluidTextFlow

A drop-in Framer component that animates any text with gradients, motion, and glow effects. Zero code. Total control.

What's inside?

6 Animation modes - Blur Reveal, Fade Up, Wave, 3D Flip, Slide In, Scramble

7 Gradient presets - Aurora, Gold, Neon, Sunset, Ocean, Cosmic, Silver, Custom, and None

4 Trigger modes - Scroll into view, On load, On hover, Auto loop

Phase Shift - the only gradient ripple engine in Framer. Each word sits at a different offset in the animation cycle so your gradient flows through your text like a living rainbow wave

Glow effect - drop-shadow filter toggle with color and intensity controls, fully compatible with gradient text

Scramble mode - characters cycle through random characters before snapping to your final text

Full typography controls - stagger, delay, loop interval, HTML tag (H1-H6, P, Span), font family, size, weight, spacing, line-height, and alignment, all conditional via hidden functions

Basically it turns static headlines into scroll-stopping moments - without writing a single line of code.