Typing

An animated typing indicator with vertically bouncing dots that signals live input in chat, search, and collaborative editing surfaces.

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

import { Typing } from "@/components/ui/typing";

export default function TypingDemo() {
  return (
    <div className="flex min-h-64 w-full items-center justify-center bg-background text-foreground">
      <Typing className="w-10" />
    </div>
  );
}