Animated Gradient Text Component

A text component that displays text with beautiful, animated gradient colors.

• Smooth animated gradient effects
• Customizable color schemes
• Adjustable animation speed
• Works with any text element (headings, paragraphs, etc.)

---

Installation

The AnimatedGradientText component is part of our UI library. You can import it directly from the components directory.

---

Usage

Here is how to use the animated gradient text in your project.

React TSX
1import { AnimatedGradientText } from "@/components/modern-ui/animated-gradient-text"

React TSX
1<AnimatedGradientText>Beautiful gradient text</AnimatedGradientText>

---

Examples

Basic Animated Gradient Text

Custom Colors

API Reference

AnimatedGradientText