---
title: "Confetti Rain — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Nabeel · Effects. About Confetti creates a fun particle animation system with realistic physics, featuring confetti pieces that fall, spin, and sway in the air."
canonical: "https://framer.elliotli.dev/component/confetti-rain"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Confetti Rain

# Confetti Rain

[View on Framer](https://framer.com/marketplace/components/confetti-rain/?via=elliot-li)

![Confetti Rain preview image 1](https://framer.elliotli.dev/og/component/confetti-rain/6dade4496e14bc04/1600x1200.jpg)

## Summary

About Confetti creates a fun particle animation system with realistic physics, featuring confetti pieces that fall, spin, and sway in the air.

## Description

## 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](https://segmentui.com/uikit) 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

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-9h8qzxe1-O7lN4uLQkzbpBWYre3TfwXOb0YEQko)

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](mailto:hello@segmentui.com)

## Rank history [How rankings work →](/terms#rankings)

-   All · #6719

## Details

- **Author**: Nabeel
- **Price**: $9.00
- **Published**: 2025-09-01
- **Updated**: 2025-09-12
- **Added**: 2025-08-18
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo