Block Text Reveal — Make Words & Lines Come Alive on Scroll

Place it like normal text in you Framer project, then pick from three Reveal Types. Done.

'Blocks' and 'Blocks Sticky' share the same animation style (NVG8). The difference is that 'Reveal Type = Blocks' starts and completes automatically when entering the viewport, while 'Reveal Type = Blocks Sticky' is scroll‑controlled and runs only within a Sticky Stack.

Reveal Type = Lines is inspired from Lando Norris’ website.

Last example setup - put each line in a separate component, add Highlighted Text, and set the viewport trigger to bottom.

Note:

• 'Blocks Sticky' is the only reveal type that requires a Sticky Stack.

• Preview mode may show glitches (rarely), published site won't.

• In Reveal Type = Lines, using Highlighted Text with a large positive letter spacing may leave the last character uncovered at the right edge. To fix this, reduce letter spacing to a normal range.