GradientText

Animated gradient text that smoothly cycles through a set of color stops using the background-clip text technique and a keyframed background-position animation.

Import

import { GradientText } from "@animui/ui";

Basic

Hello, Gradient World

Custom colors

Amber · Red · Violet

Props

Prop	Type	Default	Description
`children`	`ReactNode`	—	Text content to apply gradient to.
`colors`	`string[]`	`["#7c3aed","#3b82f6","#ec4899"]`	Gradient color stops, evenly distributed.
`animationSpeed`	`number`	`4`	Full animation cycle in seconds.
`className`	`string`	—	Additional classes.