---
title: "Text Follow Path — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Velox Themes · Text. Text following your svg path"
canonical: "https://framer.elliotli.dev/component/text-follow-path"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Text Follow Path

# Text Follow Path

Text following your svg path

[View on Framer](https://framer.com/marketplace/components/text-follow-path/?via=elliot-li)

![Text Follow Path preview image 1](https://framer.elliotli.dev/og/component/text-follow-path/9f31daae88a7fbec/1600x1200.jpg)

## Summary

Text following your svg path

## Description

[↗ More Framer components](https://veloxthemes.com/components?utm_source=framer)

## 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.

[See it in action](https://shinta.framer.media)

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.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-jc8uz4uc-uNBlBT1tbmMV1JjjeKJzDFo63Gs8MV)

## Rank history [How rankings work →](/terms#rankings)

-   All · #3945

## Details

- **Author**: Velox Themes
- **Price**: $9.00
- **Published**: 2026-02-16
- **Updated**: 2026-07-03
- **Added**: 2026-02-10
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing