Free Previewscroll

Text Reveal

Text reveals word by word or character by character as you scroll. Uses SplitText to break text into pieces, then animates each with a stagger effect. Perfect for hero headlines where typography needs impact.

Loading preview...

index.htmlEditable

<!-- Text Reveal - Scroll Animation -->
<!-- Line-by-line text reveal with masking effect on scroll -->

<div class="text_reveal_wrap">
  <h2
    class="text_reveal_text"
    data-anm-scroll-text-reveal
    data-anm-start="top 75%"
    data-anm-stagger="0.1"
  >
    Every stride is a statement. Every finish line a new beginning. We build
    gear for athletes who refuse to settle for <strong>yesterday's pace</strong>.
    Push beyond limits. Outrun expectations. This is where
    <strong>champions are made</strong>.
  </h2>
</div>

17 lines

This is just one animation

42+ more waiting for you.

Every animation production-ready. Copy the code, paste it in your project, ship it. HTML, React, and Webflow formats included.

Get Full Access

Browse All Animations

30-day money-back guarantee. No questions asked.