Framer Clip Path Text Flow Component

Animate text along custom SVG paths in Framer. Infinite-scrolls smoothly with full control over content, font, animation speed, scroll direction, and SVG path.

The SVG Text Path Animator brings static text to life by making it flow along any SVG path. It’s perfect for adding subtle motion to highlight information, banners, or brand elements in the background without complex setups.

What you can customise

• Text: The content that displays along the SVG path.
• Typography: Font family, weight, size, line-height, alignment, letter spacing, OpenType features, and color.
• SVG Path: Craft a custom SVG path with ease. Copy it from Figma, then paste the SVG path code here to define the animation route.
• Repeat times: If your text content is short, increase this to make the scrolling look like an infinite loop.
• Speed: Adjust the scroll pace of the text flows along the SVG path.
• Direction: Control the text movement direction from the start to the end of the path or the other way around.
• Stroke Width and Color: Add a background color behind the text to make the information stand out more.

Wondering if Clip Path Text Flow Component is the website animation you want? Have a preview before purchasing. Once purchased, double click the URL file to remix the template.

Refund Policy:

Given the digital nature of this product, all sales are final and non-refundable. If you have any problems receiving or downloading the product, please feel free to contact me for assistance.

By purchasing this template, you agree to the following terms:

1. You may not claim authorship or original design credit for this template. Please do not present it as your own original design work.
2. You may not resell, redistribute, or re-license this template or its derivatives as a standalone product (e.g., as a template or theme).