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.

Updates:
26.08.2025 - Added toggle "Repeat on Scroll"