---
title: "Path Ticker — Free Framer component · Best of Framer"
description: "Free Framer component · by Ipshita Chatterjee · Interactions. Ticker that flows in the path"
canonical: "https://framer.elliotli.dev/component/path-ticker"
---

[Home](/)/[Components](/components)/[Interactions](/components/category/interactions)/Path Ticker

# Path Ticker

Ticker that flows in the path

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

![Path Ticker preview image 1](https://framer.elliotli.dev/og/component/path-ticker/87f3053ae256437a/1600x900.jpg)

## Summary

Ticker that flows in the path

## Description

Turn any curve into a moving marquee. This component takes your text and glues it to a custom SVG path, then animates it into a smooth, seamless scrolling ticker. No more static banners, just fluid motion that follows the exact shape you draw. WHAT IT DOES - Paste in any SVG path and your text follows its shape - Loops endlessly with no visible seam or jump - Repeats your phrase with a customizable separator and spacing - Adjustable speed and direction (forward or backward) - Toggle a background band with matching stroke width, styled to sit right along the path FULLY CUSTOMIZABLE - Font family, weight, size, letter spacing - Text and background color - Number of repeats and gap between them - Path visibility toggle, handy while you're positioning your own path GREAT FOR - Scrolling announcement banners - Wavy hero section text - Decorative badges and stickers - Footer or section dividers with motion HOW TO USE 1. Draw or paste your path (SVG path data) 2. Drop in your text 3. Tune speed, size, and colors from the sidebar 4. Resize the frame to fit your path's proportions

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

-   All · #1086

## Details

- **Author**: Ipshita Chatterjee
- **Published**: 2026-08-27
- **Updated**: 2026-08-27
- **Added**: 2026-08-27
- **Categories**: Interactions

## More like this

-   [Rose hover animated](/component/rose-hover-animated) — Kvlyra · Free — Kvlyra
-   [EyeFollow Component](/component/eyefollow-component) — Shuvo Ahmed · Free — Free Eye Follow Component
-   [Chroma_Type_Cursor](/component/chroma-type-cursor) — Dulaj dilshan · $15 — Boost engagement with dynamic text
-   [Cursor Accordion](/component/cursor-accordion) — Kateryna Dei · Free — Interactive list with image cursor