Confetti

The Confetti element displays a celebration animation with colorful particles. Use it to reward users after completing forms, achieving milestones, or unlocking features.

Modes

Burst Mode

The default radial explosion:

• Particles burst outward from the center
• Mix of circles and rectangles in multiple colors
• Particles spread in a circular pattern
• Optional "Celebrate!" trigger button at the bottom

Rain Mode

Top-to-bottom falling particles:

• Confetti falls from the top of the container
• Particles distributed across the full width
• Gradient fade at the bottom edge
• Optional trigger button overlaid at the bottom

Fireworks Mode

Multiple starburst explosions on a dark background:

• Three burst points at different positions
• Each burst radiates 8 glowing particles outward
• White center dots with colored particle trails
• Dark background (night sky effect)
• Optional "Launch!" trigger button in gold

Properties

Property	Type	Default	Description
Mode	Select	burst	burst, rain, or fireworks
Density	Select	medium	low, medium, or high particle count
Show Trigger	Toggle	On	Display the trigger button

Use Cases

• Form completion -- Celebrate after submitting a survey
• Achievements -- Reward reaching a milestone or goal
• Onboarding -- Welcome animation after signup
• Gamification -- Visual reward for earning points or badges