Animated Gradient Text
Text with a shimmering, moving gradient background.
Preview
✨ Magic UIx React Bits
Installation
bash
npx auralix-ui add animated-gradient-textUsage
Basic Usage
tsx
import { AnimatedGradientText } from "@/components/ui/AnimatedGradientText";
<AnimatedGradientText>
<span className="inline-block bg-gradient-to-r from-[#ffaa40] via-[#9c40ff] to-[#ffaa40] bg-clip-text text-transparent">
Magic UI
</span>
</AnimatedGradientText>Props
| Name | Type | Default | Description |
|---|---|---|---|
children | ReactNode | - | Text content. |
On this page