GSAP ScrollTrigger Text Reveal Animation Prompt Example

This prompt instructs an AI coding assistant to generate a GSAP ScrollTrigger animation in which individual characters slide into view as the user scrolls down the page. The result is a polished, scroll-driven text reveal effect — a technique widely used in modern web design for hero sections, landing pages, and portfolio sites where strong visual impact matters. Because the animation is tied to the scroll position rather than a timer, it feels responsive and intentional, rewarding users as they explore the page.

This prompt works best with AI models that have solid JavaScript and front-end knowledge, such as GPT-4o or Claude 3.5 Sonnet. To get the most out of it, you can extend the prompt by specifying font size, stagger timing, easing curves, or whether the effect should trigger once or repeat on scroll-back. It is an excellent starting point for developers who want production-ready GSAP boilerplate without spending time consulting documentation from scratch.