Animated Gradient Text

An animated gradient background which transitions between colors for text.

Introducing Vritti UI

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

export function AnimatedGradientTextExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <AnimatedGradientText className="text-sm font-medium">
        Introducing Vritti UI
      </AnimatedGradientText>
    </div>
  );
}

Installation


pnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/animated-gradient-text"