GSAP ScrollTrigger Text Reveal Animation Prompt Example

This prompt targets front-end developers and creative coders who want to add polished scroll-driven text animations to a webpage using GSAP and its ScrollTrigger plugin. By requesting a slide-in and fade effect tied to the user's scroll position, the prompt produces clean, ready-to-use JavaScript code that can be dropped into any HTML project with minimal adjustment. It is especially useful for landing pages, portfolios, and marketing sites where first impressions matter and smooth motion design helps guide the reader's eye down the page.

To get the best results, use this prompt with a code-focused model such as GPT-4o or Claude 3.5 Sonnet, and specify your target elements — headings, paragraphs, or list items — along with any preferred easing curves or stagger timing. Variations worth exploring include per-character reveal animations, pinned scroll sections, or combining ScrollTrigger with GSAP timelines for multi-step sequences. Because the prompt explicitly requests responsiveness, the generated code should adapt gracefully across screen sizes, saving significant debugging time.