Text Animations
Marquee Velocity
ProA wrapping marquee whose drift speed and direction follow scroll velocity — fast scrolls whip the row along, upward scrolls reverse it.
Install
Props
What It Demonstrates
- Marquee
- Text or content that scrolls continuously in a loop.
- Scroll-driven animation
- An animation whose progress is tied directly to scroll position.
- Velocity
- How fast and in which direction an element is moving. A spring carries it into the next animation when interrupted, so a flicked element keeps its speed.
- Spring
- Motion driven by physics (tension, mass, damping) rather than a set duration.
- Momentum
- Motion that carries velocity, especially after a drag or interruption.
Related Components
Stretch TypePro
Type that deforms with how fast you are scrolling rather than how far. Each glyph springs toward the same velocity signal on a softer spring than the one before it, so the wave down the word is a consequence of the physics instead of a list of delays — change the string and it re-tunes itself.
Marquee Text
A marquee that scrolls only when its text overflows the container.
Lumen
Copy that lights up as you read it. Words ahead sit dim and unfocused, and stay lit once you pass them.
Word RevealPro
A scroll-scrubbed word reveal — each word brightens and rises as it enters the viewport, tied directly to scroll position.
KineticPro
Type with mass: every glyph is its own spring, and the squash and stretch are read back off that spring rather than authored.
Morphing Text
A gooey blur-morph that cross-dissolves between a list of words.