Back to Dictionary
Status & Confirmation
●●●Requires Setup
Confetti Burst
A joyful explosion of colorful particles from the center or edges of the screen to celebrate a major user milestone.
Live Demo
Goal Achieved!
You've successfully completed all your assigned tasks for the day.
What It Is
A joyful explosion of colorful particles from the center or edges of the screen to celebrate a major user milestone.
✓When to Use
- Completing onboarding
- Reaching inbox zero
- Making a first sale
✕When NOT to Use
- Routine, frequent actions
Configuration Tips
- 01Use a specialized library like canvas-confetti for performant particle physics
- 02Trigger immediately upon the success state rendering
You've Seen It In
Linear (Inbox Zero)Stripe (1st Payment)Mailchimp (Sent)
Prompt Templates
Copy and paste these prompts into your AI coding assistant.
Add a celebration confetti burst that shoots from the bottom of the screen when I click complete.
Code Example (Tailwind CSS)
export function ConfettiBurstDemo() {}