design-infraReport a problem or share feedback← Catalog
Animated Gradient Text
freemagicui/animated-gradient-text
An animated gradient background which transitions between colors for text.
$
npx shadcn@latest add @magicui/animated-gradient-text- Source
- Magic UI
- Kind
- effect
- Categories
- background, text-effect
- Use as
- wrapper — wraps your existing element
- Applies to
- text-effectherocta
- Motion
- on loop · medium · css · low cost
- Licence
- MIT (magicuidesign/magicui). Magic UI Pro templates are a separate paid product — not catalogued.
- Live demo
- magicui.design
- Docs
- magicui.design
Similar
Compare all 4 →- Hero Highlightaceternity/hero-highlightA background effect with a text highlight component, perfect for hero sections.
- Aurora Textmagicui/aurora-textA beautiful aurora text effect
- Sparkles Textmagicui/sparkles-textA dynamic text that generates continuous sparkles with smooth transitions, perfect for highlighting text with animated stars.