Gradient Text
Text Effects
Animated gradient text with flowing colors that shift across the text using an animated background-position.
Loading preview...
Customize
Speed (s)3
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | string | — | The text content to display with the gradient effect. |
colors | string[] | ['#E84E2D', '#C9958A', '#8B5CF6'] | Array of color stops for the gradient. |
speed | number | 3 | Duration in seconds for one full gradient animation cycle. |
className | string | '' | Additional CSS classes. |