Rotating Text
Animated text rotation with stagger effects and customizable transitions.
Configuring your account...
Please wait while we prepare everything for you
Usage
import RotatingText from '@/components/bynanaui/rotating-text'
<RotatingText
texts={["Hello World", "Beautiful Animation", "Rotating Text"]}
rotationInterval={2000}
staggerDuration={0.1}
className="text-3xl font-bold"
/>Props
| Prop | Type | Default | Description |
|---|---|---|---|
texts | string[] | - | Array of texts to rotate |
rotationInterval | number | 2000 | Interval between rotations |
staggerDuration | number | 0.1 | Stagger duration |
className | string | - | Additional CSS classes |