Confetti

PRO

Celebration confetti animation effect with customizable particle count, color palette, and physics settings.

Pro Features

Unlock advanced capabilities with the Pro version

Confetti Animation

Colorful particle effect for celebrations

Physics Engine

Realistic gravity and physics simulation

Trigger Control

Button, form, or any event triggering

Customization

Color, speed, direction, and particle control

Duration Control

Adjust animation duration and decay rate

Origin Control

Set confetti spawn point location

Preset Library

6 ready-made effects: fireworks, snow, pride, stars, school-pride & default

Installation

Install via CLI

npx @moontra/moonui-cli add confetti

Usage

Pro Required

Click the button to trigger confetti!

Examples

Basic Confetti

PRO

Simple button-triggered confetti animation

Pro Required

Colorful Confetti

PRO

Custom color palette confetti

Pro Required

Slow Motion

PRO

Long duration confetti with low gravity

Pro Required

Focused Burst

PRO

Narrow spread confetti burst

Pro Required

Success Celebration

PRO

Green confetti for success actions

Pro Required

Preset Animations

PRO

Ready-made presets: 'default', 'fireworks', 'snow', 'pride', 'stars', 'school-pride'. A preset overrides the matching props (particleCount, spread, colors, etc.).

Pro Required

ConfettiButton Component

PRO

Pre-built button with integrated confetti. Customize the burst via the nested confettiOptions prop.

Pro Required