# Motion Typing Indicator

Assistant or copilot preparing a reply before the first token.

- id: `motion-typing-indicator`
- Page: https://agentic-ui-kit.com/components/motion-typing-indicator
- Live preview: https://agentic-ui-kit.com/live/component/motion-typing-indicator

## Install

```bash
agentic-ui add motion-typing-indicator
npx shadcn@4.17.0 add @agentic-ui/motion-typing-indicator
```

## Metadata

- **Level:** block
- **Category:** motion
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** typing-dots, variants-dots-pulse-wave, named-typers-label, stalled-wait-state, elapsed-seconds, announced-status, personality-tempo, reduced-motion-fallback, informative-state-preservation
- **Intents:** communicate, track-status, monitor-live
- **Suits domains:** ai-workspace, saas, crm, social, operations, devtools
- **Interaction:** keyboard-navigation
- **Screen role:** communication
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** Assistant or copilot preparing a reply before the first token, Customer typing in a support inbox (compact list view), Several teammates typing in a team channel
- **Avoid when:** Partial text is already arriving (use motion-streaming-text), Data or page loads with no counterpart (use motion-spinner-set or motion-skeleton-shimmer), Waits with measurable progress (use motion-progress-animated)
- **Preserve when adapting:** always-mounted-polite-status, glyph-aria-hidden, visible-label-without-motion, personality-tempo-tokens
- **Replace when adapting:** labels, typers-source-adapter, stalled-threshold
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 9.13/10
- **Quality breakdown:** visual 8.5/10, responsive 9/10, accessibility 9.5/10, code 9/10
- **npm dependencies:** @agentic-ui/motion, @agentic-ui/tokens, react
- **Motion:** profile subtle, library css, reduced-motion fallback yes, target 60 fps
- **Registry dependencies:** lib-motion