WordRotate
Cycles through a list of words with a slide-fade transition. Use in hero headings to highlight multiple value propositions.
When to Use
- Landing page hero headings: "Build faster with Lumeo."
- Rotating taglines, rotating features, or rotating audience segments.
Build faster with Lumeo.
Design
API Reference
WordRotate
| Property | Type | Default | Description |
|---|---|---|---|
| Words | IReadOnlyList<string> | [] | List of words to cycle through. |
| IntervalMs | int | 2000 | How long each word is shown in milliseconds. |
| Class | string? | null | Additional CSS classes. |
Related Components
- TypingAnimation — Character-by-character typing effect.
- MorphingText — SVG filter morph between two strings.