Text Scroll Effects

Gsap Scroll Reveal

Overview Text Reveal on Scroll adds motion, depth, and storytelling to your typography with beautifully timed scroll-based animations. Whether you're building a landing page, a portfolio, or a content-heavy layout, this component helps transform static text into dynamic, expressive interactions. No coding required — simply drop it in, customize the style, and let the motion elevate your design. Preview : https://text-reveal-scroll.framer.website/ Features Multiple Reveal Modes Choose exactly how your text animates: per line, per word, or per character — perfect for everything from bold hero statements to subtle micro-typography motion. Flexible Trigger Controls Trigger the animation when the component enters view, or link it to any section using a custom Section ID. Ideal for long pages, sticky layouts, or staggered storytelling. Viewport Positioning Fine-tune where the reveal begins. Choose Top / Center / Bottom or set a custom viewport percentage for precise animation timing. Custom Motion Styling Adjust opacity, blur, scale, offset, easing and duration to build your own style — from soft editorial fades to energetic expressive reveals. Smart Overflow Handling Each fragment animates with its own overflow mask, ensuring clean movement that matches your chosen reveal mode. Replay or One-Time Animation Let the animation follow scroll both ways for high-interaction pages, or lock it to one-time reveal for cinematic storytelling. Manual Text Formatting Supported Write multiple lines, paragraphs, and manual spacing directly in the text field — the component fully preserves your formatting. Use Cases Hero Sections Create high-impact hero intros where each line or word animates with intention and clarity. Portfolio & Case Studies Elevate storytelling with controlled text reveals that guide the reader through your content. Editorial Layouts Use soft, minimal motions for articles, blogs, and long-form reading experiences. Brand & Marketing Pages Introduce key messages with expressive motion to build character and personality. SaaS & Product Sites Reveal features, titles, and benefit sections with smooth, modern animations that feel native to high-end product design.

Gsap Scroll Reveal