TextScroll is a plug-and-play Framer component that animates your text colors as users scroll. Each character, word, or line flows through a refined three-stage color transition — giving headlines the polish of a custom-coded site, with none of the setup.
Built on GSAP ScrollTrigger and SplitType, it splits your text into visual units and tracks each against scroll position with smooth, frame-perfect timing.
The three-stage color flow is the heart of it. Where typical scroll text fades between two colors, TextScroll passes each unit through three states — a resting Initial color, a brief Accent flash as the scroll passes through, and a settled Final color. Accent Duration tunes that middle state from a punchy flash to a held, dramatic moment.
Three reveal modes:
Character — each letter shifts one by one for bold statements
Word — words transition together for readable body copy
Line — full lines fade through for cinematic reveals
Toggle Pin Section to lock the text in place while the user scrolls, playing the color animation across the pinned distance — perfect for hero and storytelling moments. Pin Start controls exactly where the section locks.
Typography uses native Framer font controls, so text styles like any other layer. Only units that change per frame animate, keeping scroll smooth on long paragraphs.
Key features
Three-stage color reveal: Initial → Accent → Final
Three modes: Character, Word, Line
Pin Section mode for scroll-locked reveals
Adjustable Pin Start, Scroll Start, Scroll End, Accent Duration
Native Framer font controls
Optimized — only animates changed units per frame
Multiple independent instances per page
Refund Policy
Due to the digital nature of this product, all sales are final. If you hit any issues, reach out — I'm happy to troubleshoot and make sure TextScroll works correctly in your project.
TextScroll is a plug-and-play Framer component that animates your text colors as users scroll. Each character, word, or line flows through a refined three-stage color transition — giving headlines the polish of a custom-coded site, with none of the setup.
Built on GSAP ScrollTrigger and SplitType, it splits your text into visual units and tracks each against scroll position with smooth, frame-perfect timing.
The three-stage color flow is the heart of it. Where typical scroll text fades between two colors, TextScroll passes each unit through three states — a resting Initial color, a brief Accent flash as the scroll passes through, and a settled Final color. Accent Duration tunes that middle state from a punchy flash to a held, dramatic moment.
Three reveal modes:
Character — each letter shifts one by one for bold statements
Word — words transition together for readable body copy
Line — full lines fade through for cinematic reveals
Toggle Pin Section to lock the text in place while the user scrolls, playing the color animation across the pinned distance — perfect for hero and storytelling moments. Pin Start controls exactly where the section locks.
Typography uses native Framer font controls, so text styles like any other layer. Only units that change per frame animate, keeping scroll smooth on long paragraphs.
Key features
Three-stage color reveal: Initial → Accent → Final
Three modes: Character, Word, Line
Pin Section mode for scroll-locked reveals
Adjustable Pin Start, Scroll Start, Scroll End, Accent Duration
Native Framer font controls
Optimized — only animates changed units per frame
Multiple independent instances per page
Refund Policy
Due to the digital nature of this product, all sales are final. If you hit any issues, reach out — I'm happy to troubleshoot and make sure TextScroll works correctly in your project.
