Library / Scroll animation

Text on a Path free

A long sentence that flows along a wave, arc, loop or S-bend as you scroll, still real, selectable text.

Scroll inside the preview to try it.

Customize

The sentence that travels

Text colour

Letter size

Shape of the line

Let the line gently change shape as you scroll

Code

import ScrollTextPath from './ScrollTextPath';

<ScrollTextPath />

Checking your access…

Dependencies: none

scroll text svg path

More in Scroll animation

Scroll Video (Frames)Plays a video as the visitor scrolls, either as a pinned full-width scene or inside a single card. Works from numbered frames.
Timeline ScrollA vertical timeline whose glowing line draws itself as you scroll while milestones light up and slide in.
Drawn Process LineProcess cards zig-zag down the page while one line draws itself behind them and each card switches on as the line arrives.