Confetti Rain

About

Confetti creates a fun particle animation system with realistic physics, featuring confetti pieces that fall, spin, and sway in the air. It can create both continuous rainfall and explosion effects.

This component a part of the 400+ components, layouts, templates, UI Kits and code overrides from SegmentUI PRO. Click here to see the full library

Instructions

1. Copy and paste the component into your project file

2. Choose between explosion mode or continuous fall by toggling the Explode property

3. Customize the confetti's appearance and behavior through the properties panel (colors, size, speed, physics)

4. For explosion effects, adjust the Explosion Delay and Distance to control the initial burst timing and spread

How It Works

The component offers extensive customization through properties:

• Explosion Settings: Control initial burst and timing

• Z-Index Range: Manage depth layers for 3D effect

• Colors: Customize confetti piece colors (up to 8)

• Size/Speed: Adjust confetti dimensions and movement

• Physics Properties: Fine-tune flip rate, sway, air drag

• Density: Control number of confetti pieces

• Length Factor: Adjust confetti piece shape

Support

For any queries and help setting up the component, contact hello@segmentui.com