Curved Loop
A marquee running along a curve. Drag it to scrub; let go and it keeps going the way you threw it.
import { CurvedLoop } from "pleate/effects/curved-loop";Drag it
Drag me • Throw me •
Arched up, running right
Arches up the other way ✦
Props
- text
Repeated along the curve.
string- curve
How far the middle bends down; negative bends up.
numberdefault 280- speed
Units per frame.
numberdefault 2- direction
Starting direction.
"left" | "right"default "left"- interactive
Drag to scrub and fling.
booleandefault true
Accessibility
- The text is read once; the repeated copies are hidden.
- Reduced motion stops it and turns off dragging.
- Vertical touch scrolling still works over it.