Animated Scroll Text
This component allows you to change the text color per word on scroll, guiding your users’ eyes and setting the focus. Fully customisable.
Make it with Workshop
Build your own component with AI
About this Component
Turn ordinary headlines into experiences. Elevate your narrative, guide attention and make your message stick. No code required.
Key features
Word-by-word text reveal
Adjustable animation (color, start, end, offset)
Works with any Framer font
Ready to use in minutes
Controls
Text: Your statement
Font: Font family and weight
Color: Start and end color of your text animation
Trigger: Text animation start and end (plus offsets)
How it works:
1. Drop the component anywhere in your canvas
2. Enter your copy (headline, CTA, body text, anything!)
3. Set optional animation controls to suit your brand
4. Preview live and publish
