Text
RotateText
3D rotating cylinder of repeating text strips that continuously rotates.
Installation
npm install @ai-animate/core
Usage
import { RotateText } from '@ai-animate/core'
<RotateText
words={['GENERATE', 'STREAM', 'DEPLOY']}
/>
Props
wordsstring[]['GENERATE', 'STREAM', 'DEPLOY']Words to display on each strip of the cylinder
wordColorsstring[][]Per-word color overrides
copiesnumber16Number of strips wrapped around the cylinder
durationnumber7Duration of one full rotation in seconds
perspectivenumber500CSS perspective depth in px
radiusnumber110Cylinder radius in px
fontSizestring'3.5em'Font size for the text strips
textColorstring'#ffffff'Base text color
classNamestring''className on the outer container