# WordRotate

Source: https://lumeo.nativ.sh/components/word-rotate

# 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.

Preview Code

Hero Tagline

## Build faster with Lumeo.

Copy Code

Preview Code

Slow Rotation (3s)

Design

Copy Code

## 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](/components/typing-animation) — Character-by-character typing effect.
-   [MorphingText](/components/morphing-text) — SVG filter morph between two strings.