Animated Text

Text 8

About

Here is Animated Text component

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Animated Text to your project and fits it to your theme.

Code

How Animated Text is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import AnimatedGradientText from "@/components/ui/animated-text";

export default function AnimatedGradientTextExample() {
  return <AnimatedGradientText text="Thinking..." className="font-semibold lg:text-2xl" />;
}