Ai Text Loading

Animated thinking/loading text with gradient shimmer effect and cycling messages

Thinking...

import AITextLoading from "@/components/vritti/ai-text-loading"

export function AITextLoadingExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <AITextLoading
        texts={["Thinking...", "Processing...", "Analyzing...", "Almost..."]}
        interval={1500}
      />
    </div>
  )
}

Installation


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

Dependencies


pnpm add motion