Gradient Text
Text with an animated gradient that flows through, creating dynamic color transitions.
Import
import { GradientText } from "@igorao79/uivix";Playground
Beautiful Gradient
3s
Examples
Static
Gradient without animation
Static Gradient
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | The text content |
| animate | boolean | true | Animate the gradient |
| speed | number | 3 | Animation speed in seconds |
| colors | string | "from-violet-500 via-pink-500 to-indigo-500" | Tailwind gradient classes |
| className | string | - | Additional CSS classes |