Skip to content

Reveal Text On Scroll

Scroll-linked text animation, 12 presets

Reveal Text On Scroll preview image 1

Summary

Scroll-linked text animation, 12 presets

Description

Features

• Split Modes — Lines (masked reveal), Words, or Characters

• Trigger — Scroll-linked or On Load (fires when element appears)

• 12 Presets — Default, Fade In Up, Blur Reveal, Cinematic, 3D Flip, Wave RTL, Typewriter, Glitch Rise, Soft Words, Cascade Down, Masked Lines, Scale Pop

• Custom Mode — Full control over stagger, offsets, blur, rotateX, perspective, and scale

• Color Transition — Smooth CSS color-mix from hidden to revealed color (supports dark mode)

• HTML Tag — Semantic tag (h1–h6, p, div, span) for SEO and accessibility

• High Performance — Direct DOM updates, no React re-renders during animation

Use cases

Hero headlines, section titles, testimonials, landing page copy, and any scroll-driven storytelling.

Options

Rank history How rankings work →

12141458/149/49/2610/1811/9
  • All · #38

Details

More like this