# Motion Like Burst Double Tap

Moodboard or media feed where double-tapping an image likes it and the heart pops under the finger.

- id: `motion-like-burst-double-tap`
- Page: https://agentic-ui-kit.com/components/motion-like-burst-double-tap
- Live preview: https://agentic-ui-kit.com/live/component/motion-like-burst-double-tap

## Install

```bash
agentic-ui add motion-like-burst-double-tap
npx shadcn@4.17.0 add @agentic-ui/motion-like-burst-double-tap
```

## Metadata

- **Level:** block
- **Category:** motion
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** burst-particles, double-tap-like, pointer-anchored-burst, personality-particle-policy, count-feedback, reduced-motion-fallback
- **Intents:** communicate, explore-detail
- **Suits domains:** social, media, file-storage, knowledge, marketing
- **Interaction:** click, double-tap, keyboard-navigation
- **Screen role:** detail
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** Moodboard or media feed where double-tapping an image likes it and the heart pops under the finger., Photo review grid where a Like button toggles and the count updates in a compact 1.2k format., Community gallery that must obey an enterprise personality (pop without particles) and reduced motion.
- **Avoid when:** Destructive or reversible-by-accident actions; double-tap never unlikes, so it is not a generic toggle., Protected contexts (billing, healthcare, legal) where celebratory feedback is inappropriate; use motion-button-press., Text-only lists without a media surface; use the plain motion-like-burst button.
- **Preserve when adapting:** double-tap-only-likes, personality-particle-policy, static-liked-badge-and-count, keyboard-button-equivalent
- **Replace when adapting:** media-content, accent-colour, count-format
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 8.4/10
- **Quality breakdown:** visual 8/10, responsive 8/10, accessibility 8/10, code 8/10
- **npm dependencies:** @agentic-ui/motion, @agentic-ui/tokens, react
- **Motion:** profile subtle, library css, reduced-motion fallback yes, target 30 fps
- **Registry dependencies:** lib-motion