Animated Gradient Text

Docs

An animated gradient background which transitions between colors for text.

🎉

Introducing Magic UI

Installation

Fast Gradient

import { AnimatedGradientText } from "@/components/magicui/animated-gradient-text";

<AnimatedGradientText>Animated Gradient Text</AnimatedGradientText>

Prop	Type	Default	Description
`children`	`node`	`-`	The children passed into the component
`className`	`string`	`-`	The class name to be applied
`speed`	`number`	`1`	The speed of the gradient animation
`colorFrom`	`string`	`"#ffaa40"`	The starting color of the gradient
`colorTo`	`string`	`"#9c40ff"`	The ending color of the gradient

Contribute