Reveal Text On Scroll

Show Preview
Reveal Text On Scroll
Reveal Text On Scroll

About Reveal Text On Scroll

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

From Ali Themes

Text Hover Effects
Odometer Counter FX
Infinite Image Spin
Dragable Carousel

Related Components

Dynamic Media Text
Scroll Text Fill
Scattered Grid Text
Color Sweep Word