GitPedia

AnimateSVGTextPath

Animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.

From codrops·Updated May 22, 2026·View on GitHub·

A demo where we are animating SVG text on a path on scroll using the Intersection Observer API and SVG filters. The project is written primarily in HTML, distributed under the MIT License license, first published in 2020. Key topics include: animation, intersectionobserver-api, layout, scroll, svg.

Animating SVG Text on a Path

A demo where we are animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.

Animating SVG Text on a Path

Article on Codrops

Demo

Installation

Install dependencies:

npm install

Compile the code for development and start a local server:

npm start

Create the build:

npm run build

Credits

Misc

Follow Codrops: Twitter, Facebook, GitHub, Instagram

License

MIT

Made with :blue_heart: by Codrops

Contributors

Showing top 2 contributors by commit count.

crnacura

crnacura

14 commits

botelho

botelho

1 commits

View all contributors on GitHub →

This article is auto-generated from codrops/AnimateSVGTextPath via the GitHub API.Last fetched: 6/28/2026