Reveal Text Scroll

Bring your typography to life with a smooth, scroll-triggered text reveal. This component uses a dynamic gradient mask to gradually fade text in or out as the user scrolls, creating a polished, cinematic reading experience.

Features:

• Directional presets — choose from Bottom → Top, Top → Bottom, Left → Right, or Right → Left reveals.

• Customizable fade edges — control how soft or sharp the reveal transition looks.

• Scroll-synced animation — perfectly timed with the user’s scrolling position.

• Responsive by default — fits your text height automatically, no manual sizing required.

• Easy styling — adjust font, size, color, tracking, and alignment right in the panel.

Perfect for hero sections, storytelling layouts, and landing pages where you want text to feel interactive and engaging.

You can change this settings: