text-animations/animated-gradient-text
Animated Gradient Text
Preview
Animated Gradient Text
Props
Colors3 stops
Prerequisites
- Tailwind v4 configured. Setup guide
Component
Usage
API
| Prop | Type | Default | Description |
|---|---|---|---|
| colors | string[] | Gradient colours, in order. Repeat the first colour last for a seamless loop. | |
| degree | number | 90 | Gradient direction, in degrees (0–360). |
| animationSpeed | number | 8 | One full loop, in seconds. Higher is slower. |