Text Blink

A small loading indicator that fades a text label (e.g. "Thinking") in and out in a smooth blinking pulse, useful for AI/chat loading states.

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

import TextBlink from "@/components/ui/text-blink";

export default function TextBlinkDemo() {
  return (
    <div className="flex w-full h-screen items-center justify-center bg-background">
      <TextBlink />
    </div>
  );
}