Text on a Custom Path

Recorded preview. Sign in with eligible access to unlock the interactive preview.

About

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.

All controls of Text Follow Path Framer component

Used in template

More components

See All