Usage
import { AgentCursor } from "@/registry/components/agent-cursor/agent-cursor";
<AgentCursor path={[/* … */]}>Label</AgentCursor>Props
| Prop | Type | Default | Description |
|---|---|---|---|
path | CursorStep[] | Points to visit, in px relative to the positioned parent. | |
name? | string | "Agent" | Agent name in the tag. |
color? | string | "oklch(60% .2 265)" | |
motion? | CursorMotion | "human" | |
dwell? | number | 650 | Pause at each point, ms. |
loop? | boolean | true | Start over at the end. |
onClick? | (index: number) => void | Called after each click with its index in the path. | |
children? | ReactNode |
When to use
Showing an AI agent acting on a page (demos, co-browsing, onboarding).
When not to use
Real multi-user presence (needs live data).