Animated Text

Text 125

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 AnimatedText from "@/components/ui/animated-text";

export default function Example() {
  return (
    <AnimatedText
      text="Welcome to the Future"
      className="text-4xl font-bold"
      animationType="letters"
      staggerDelay={0.08}
      duration={0.6}
    />
  );
}