# Motion Confetti Success

Workspace created at the end of onboarding.

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

## Install

```bash
agentic-ui add motion-confetti-success
npx shadcn@4.17.0 add @agentic-ui/motion-confetti-success
```

## Metadata

- **Level:** block
- **Category:** motion
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** canvas-particle-burst, one-shot-celebration, personality-gating, reduced-motion-fallback, focus-management, informative-state-preservation
- **Intents:** execute-flow, track-status, communicate
- **Suits domains:** saas, project-management, personal-productivity, ecommerce
- **Interaction:** click, keyboard-navigation, replay
- **Screen role:** flow
- **Density:** comfortable
- **Dark mode:** yes
- **Use it for:** Workspace created at the end of onboarding, First project published or plan milestone reached, Order confirmed in a casual-toned store
- **Avoid when:** Protected domains such as billing, healthcare or legal and enterprise forms, Frequent or routine actions where celebration becomes noise, Projects with motion.profile restrained or a particle-free personality; there it degrades to a check without particles
- **Preserve when adapting:** particle-personality-gating, static-success-fallback, status-message-and-focus-to-result, particle-budget-by-width
- **Replace when adapting:** success-copy, actions, confetti-palette
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 8.5/10, responsive 8.5/10, accessibility 9/10, code 9/10
- **Uses primitives:** card, button
- **npm dependencies:** @agentic-ui/motion, @agentic-ui/motion-personalities, react
- **Motion:** profile expressive, library canvas, reduced-motion fallback yes, target 60 fps
- **Registry dependencies:** lib-motion, lib-motion-personalities