Animations & Motion
Vertical Loop
Seamless vertical carousel of words with smooth looping animation.
textanimationloopcarouselvertical
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
words | string[] | ["DREAM", "BUILD", "CREATE", "SHIP", "REPEAT"] | Array of words to loop |
backgroundColor | string | bg-zinc-950 | Background color of the component |
textSize | string | text-7xl md:text-9xl | Size of the text |
gradientFrom | string | from-purple-400 | Gradient start color class |
gradientTo | string | to-pink-600 | Gradient end color class |
animationDuration | number | 4 | Animation duration in seconds |
containerHeight | string | h-[1.2em] | Height of the container |
gap | string | pb-4 | Gap between words |
className | string | Additional CSS classes |