Components
Agent Wave Loader
A loading indicator for AI agent work — a signal arcs across Claude Code, Codex, Gemini, DeepSeek and Kimi marks, lifting each as it passes. Respects prefers-reduced-motion.
import { AgentWaveLoader } from "@/components/ui/agent-wave-loader";
export default function AgentWaveLoaderDemo() {
return (
<div className="flex min-h-[240px] w-full flex-col items-center justify-center gap-10 p-8">
<AgentWaveLoader />
<AgentWaveLoader label="Routing to the best model…" />
<AgentWaveLoader label="Taking my time…" durationMs={4000} />
</div>
);
}