ElyriRotatingText
Cycles through words while the container smoothly adapts to each word width, perfect for hero headlines; offers flip and block effects, and swaps instantly under reduced motion.
Elyri is
Customize
Props
| Prop | Type | Default | Description |
|---|---|---|---|
words | string[] | — | Words to cycle through; needs at least one |
interval | number | 2500 | Time each word stays visible in milliseconds |
duration | number | 500 | Duration of the enter/leave animation per word in milliseconds |
variant | 'flip' | 'block' | 'flip' | Effect variant: flip rotates chars in 3D; block wraps the word in a rounded block that resizes to fit |
className | string | — | Extra class name |