Fill text on scroll component
Fill text as you scroll the page in Framer. Three different options: fill a paragraph, a line, or a word at a time. The component is fully customisable.
Fill text as you scroll the page in Framer
There are three options: fill a paragraph, a line, or a word at a time.
The component is super customisable. Choose whether the text is filled early, normal or late in the viewport. You can choose whether the text fill transition replays when you scroll back up or not.
And of course you can fully customise your typography: all font properties, the base color, the fill color, and extra options like whether your paragraph lines should be balanced, and whether the text is user-selectable.
Key features
- Fully customisable to suit your design
- Works with paragraphs too
- Three different fill modes: paragraph, line and word
- Style responsively as you would any other Framer element
- Free updates for life
What you can customise
- Fill mode: Fill in the text a paragraph, line or word at a time
- Colors: Base and fill color
- Typography: Font, weight, size, line-height, alignment, letter spacing, Opentype features, text transform, balance
- Trigger: Choose if you want the fill colour to trigger early, normal, or late
- Play once: Choose if you want the animation to replay if you scroll back up
- User Select: Turn off to prevent text selection
- Accessibility: Pick the html tag for text (H1–H6, P, Span)
Refund policy
30-day money-back guarantee if you’re not fully satisfied with the purchase.
Questions and Support
Email me at hello@bryntaylor.co.uk — happy to help.
You’ll need a free Framer account to edit and publish
Clean, simple, and modern design
20k+ happy customers
Designed and built by me
Ready to use assets
100% mobile responsive
Easy to customise
SEO optimised
Fast performance
Dedicated 1:1 support
Fill in text as you scroll the page, fully customisable
Earn money as an affiliate
You’ll get 20% of every Framer template sale you bring in
What do other people say?
FAQs
A Webflow template is a packaged, ready-to-use website. You can quickly tweak it to suit your brand. It’s a great option for companies that might not have a big budget for a designer or developer. Using a website template can save your business time and money.
Yes, the templates have been built with the end-user in mind. The class names are user-friendly, and the structure is logical. It’s easy to make global style changes — like changing the colours or fonts. You don’t need to be an expert with Webflow to use them. Plus, I’m on hand to answer questions over email when you need.
Definitely. My templates are fully customisable. You can globally change colours, fonts, images, and content to reflect your brand.
Yes, my templates are heavily-optimised for a variety of devices and different web browsers. Each template has gone through a thorough quality-assurance testing process too.
I offer free customer support with every paid template purchase. Which means you can email me on hello@bryntaylor.co.uk with any questions or issues that come up. For advanced design guidance, the Webflow forum is your best bet.
Each purchase allows you to use the template for one website. If you want to use the template for multiple sites — you’ll need additional licenses.
Yes, payment takes place on Webflow’s own platform — who use Stripe for payments. Stripe is a certified Level 1 Service Provider. Webflow never has access to sensitive payment details.
Refunds are handled directly through Webflow. If you’ve purchased one of my templates and would like a refund — reach out to Webflow through Webflow Support.
FAQs
A Framer template is a packaged, ready-to-use website. You can quickly tweak it to suit your brand. It’s a great option for companies that might not have a big budget for a designer or developer. Using a website template can save your business time and money.
Yes, the templates have been built with the end-user in mind. The components are user-friendly, and the layer structure is logical. It’s easy to make global style changes — like changing the colours or fonts. You don’t need to be an expert with Framer to use them. Plus, I’m on hand to answer questions over email when you need.
Definitely. My templates are fully customisable. You can globally change colours, fonts, images, and content to reflect your brand.
Yes, my templates are heavily-optimised for a variety of devices and different web browsers. Each template has gone through a thorough quality-assurance testing process too.
I offer free customer support with every paid template purchase. Which means you can email me on hello@bryntaylor.co.uk with any questions or issues that come up. For advanced design guidance, the Framer Community is your best bet.
Each purchase allows you to use the template for one website. If you want to use the template for multiple sites — you’ll need additional licenses.
Yes, payment takes place on Lemon Squeezy — a trusted platform to sell digital assets. I don’t have access to your sensitive information, like payment details.
Get it now
Fill text on scroll component
Fill text as you scroll the page in Framer. Three different options: fill a paragraph, a line, or a word at a time. The component is fully customisable.

Jonas
A minimal, one-pager portfolio template — great for product designers

Jonas Framer template
A minimal, one-pager portfolio template — great for product designers

Accent
A simple, colourful, and minimal design portfolio template

Accent Framer template
A simple, colourful, and minimal design portfolio template

Offset
A thoughtfully crafted design portfolio with light and dark mode built in

Offset Framer portfolio template
A thoughtfully crafted design portfolio with light and dark mode built in

Darkfolio
A dark, clean and minimal portfolio template for designers

Darkfolio Framer template
A dark, clean and minimal portfolio template for designers

Inline Images
Add inline images and icons to your text in Framer

Inline images & icons component
Add inline images and icons to your text in Framer

Unlimited Access
Get unlimited access to all of my current and future Framer templates and components.

Unlimited Access: Framer templates
Get unlimited access to all of my current and future Framer templates and components.

Wynn
A bright, colourful, one-pager template for designers and creatives

Wynn Framer template
A bright, colourful, one-pager template for designers and creatives

Collective
A beautiful, modern, and fast website inspiration directory template.

Collective Framer template
A beautiful, modern, and fast website inspiration directory template.

Sharp
A clean and beautiful portfolio with a blog template, and it’s free

Sharp Framer portfolio template
A clean and beautiful portfolio with a blog template, and it’s free
Special discount
Enter your email to get 10% off your first Framer order
Unsubscribe at any time