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
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
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)
Line break:
Go into the text property field (where you write your content)
Click where you want the line break
Hold shift and press Enter.
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
