Animations & Motion
Velocity Scroll
Infinite scrolling text that responds to scroll velocity.
textanimationvelocityscrollinfinite
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
text1 | string | Kinetic Motion | First text to scroll |
text2 | string | Scroll Velocity | Second text to scroll |
baseVelocity1 | number | -3 | Base velocity for first text |
baseVelocity2 | number | 3 | Base velocity for second text |
backgroundColor | string | bg-zinc-950 | Background color of the component |
spacing | string | space-y-8 | Spacing between text elements |
fontSize | string | text-8xl md:text-9xl | Font size of the text |
fontWeight | string | font-black | Font weight of the text |
tracking | string | tracking-tighter | Letter spacing |
textColor | string | text-zinc-300 | Color of the text |
marginRight | string | mr-12 | Right margin between text instances |
className | string | Additional CSS classes |