Gradient Text

Animated gradient text with customizable colors and speed.

Gradient Animation

Usage

import GradientText from '@/components/bynanaui/gradient-text'

<GradientText
    colors={['#40ffaa', '#4079ff', '#40ffaa', '#4079ff', '#40ffaa']}
    animationSpeed={8}
    className="text-4xl font-bold"
>
    Gradient Animation
</GradientText>

Props

PropTypeDefaultDescription
colorsstring[]-Array of gradient colors
animationSpeednumber8Animation speed in seconds
classNamestring-Additional CSS classes
childrenReactNode-Text content