Skip to content

component

FluidTextFlow

By sidra mowlana

Details

Summary

Text that doesn't just sit there.

Description

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.

Introduction

Text that doesn't just sit there.

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750186248/148/228/309/79/15
  • All · #8536