# Motion Attention Nudge

New-feature dot on a navigation item that pulses three times and then stays as a static dot.

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

## Install

```bash
agentic-ui add motion-attention-nudge
npx shadcn@4.17.0 add @agentic-ui/motion-attention-nudge
```

## Metadata

- **Level:** block
- **Category:** motion
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** periodic-capped-nudge, pulse-variant, wiggle-variant, ring-variant, new-feature-badge-dot, stop-on-hover-and-focus, offscreen-pause, reduced-motion-fallback, informative-state-preservation
- **Intents:** navigate, execute-flow, track-status
- **Suits domains:** saas, ai-workspace, devtools, project-management, analytics, settings
- **Interaction:** hover, keyboard-navigation
- **Screen role:** overview
- **Density:** compact
- **Dark mode:** yes
- **Use it for:** New-feature dot on a navigation item that pulses three times and then stays as a static dot, Updates bell with an unread dot that wiggles until it is hovered or focused, Upgrade or trial call to action with an expanding ring that stops once the person acts or dismisses it
- **Avoid when:** Errors or validation (use motion-shake-error), Several items on the same screen at once (pick the single most useful one), Continuous live status such as online or recording (use motion-live-pulse)
- **Preserve when adapting:** capped-repeat, stop-on-hover-and-focus, dot-stays-after-motion, aria-describedby-dot-label
- **Replace when adapting:** dot-label, tone, kind, repeat-and-interval
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 8/10, responsive 9/10, accessibility 9/10, code 9/10
- **Uses primitives:** button, badge
- **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