About Text Follow Path
About this component
Text Path lets you place and animate text along SVG paths in real time with full control over motion direction, speed, and styling. It is lightweight, responsive, and designed to stay smooth even with long text and complex paths.
You can paste your own SVG path to create flowing headlines, curved labels, or experimental typography that feels alive.
Customizable options:
Text Content: Edit your text directly in Framer
Path Source: Use preset paths or paste a custom SVG path
Direction: Animate forward or backward
Speed Control: Adjust how fast the text moves along the path
Path Visibility: Show or hide the guide path
Path Size: Control stroke width for the path
Font Styling: Full control over font family size weight and spacing
Text Color: Customize text color
Preview on Canvas: See animations instantly inside the Framer canvas
Designed for creators who want expressive typography without sacrificing performance. Perfect for hero sections dividers motion headlines and interactive text elements built fully inside Framer.