Animated Gradient Text

Learn more about Mintlify

Enter your email to receive updates about new features and product releases.

Installation

showLineNumbers

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

showLineNumbers

<AnimatedGradientText>Animated Gradient Text</AnimatedGradientText>

Prop	Type	Default	Description
`children`	`ReactNode`	`-`	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

⌘I