Chapter 34: Ticker
Core Idea
Build infinite ticker and marquee animations in React. A 2.1kb component that scrolls by time, drag or scroll position, cloning only the items it needs.
Key Concepts
- Features: Ticker is a production-ready component built with performance and accessibility at its core.
- Install: First
- Direction: By default
- Adjust speed: Setting the velocity prop (in pixels per second) will change the speed and direction of th
Code Examples
<Ticker items={items} />
- What it demonstrates: Core usage pattern for Ticker.
Key Takeaways
- **Lightweight: **Just
+2.1kb on top of Motion for Re.
- Ticker supports Features.
- Ticker supports Install.
Connects To
- Motion Values: related Motion doc page.
- Install Motion+ for React: related Motion doc page.