# Motion Button Shimmer

Shiny call to action button with a light sweep across it.

- id: `motion-button-shimmer`
- Page: https://agentic-ui-kit.com/components/motion-button-shimmer
- Live preview: https://agentic-ui-kit.com/live/component/motion-button-shimmer?piece=motion-button-shimmer

## Install

```bash
agentic-ui add motion-button-shimmer
npx shadcn@4.17.0 add @agentic-ui/motion-button-shimmer
```

## Metadata

- **Level:** block
- **Category:** motion
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** shiny-sweep-button, pulsating-ring-button, combined-effect, timed-loop, hover-once-mode, primary-secondary-outline-variants, three-sizes, link-or-button, pause-offscreen, reduced-motion-fallback
- **Intents:** execute-flow, communicate
- **Suits domains:** marketing, saas, ecommerce, devtools, billing, ai-workspace
- **Interaction:** click, hover, keyboard-navigation
- **Screen role:** overview
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** shiny call to action button with a light sweep across it, pulsating button that draws attention to the main action, shimmer button for a pricing or sign-up call to action, animated gradient shine hover effect on a primary button
- **Avoid when:** Forms and settings with several buttons, where one moving button steals attention from the task, Destructive or irreversible actions, More than one looping button in the same viewport (use loop={false}), A loading or progress state is needed (use motion-async-button)
- **Preserve when adapting:** native-button-or-link, aria-hidden-effect-layers, label-never-moves, pause-offscreen, colour-change-without-motion
- **Replace when adapting:** label, effect, loop, period, variant, size, href
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 9/10, responsive 9/10, accessibility 9/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