AI Thinking Orb

A React component that visualizes AI “thinking” with glowing orbs, particles, and smooth animations. Supports multiple colors and states: idle, thinking, or processing.

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

import { Component } from "@/components/ui/ai-thinking-orb";


export default function DemoFour() {
  return <Component variant="amber" state="processing" />;
}