animation glossary
Confetti Animation
A confetti animation launches a burst of colored paper pieces that fly, tumble, and fall to celebrate a milestone, score, or reward moment.
What is Confetti Animation?
Confetti is the universal celebration effect: bits of colored paper bursting from the sides or center, tumbling with drag and gravity, often paired with a number that lands at the same moment. It is the standard flourish for completed purchases, level-ups, and record-breaking stats. The shots below combine confetti bursts with counters and hit celebrations.
Confetti Animation in Remotion
Every shot below is a real, renderable Remotion composition. Open the detail page for the recipe notes, then copy the agent brief to implement the shot from tuned TSX.
Implement confetti animation
Copy the agent brief for the first shot to have an AI agent build it from the reference TSX.
Frequently asked questions
How do you make a confetti animation?+
Spawn a set of small colored rectangles or shards from a burst point, give each a random velocity with gravity and rotation, and let them tumble until they settle. Pair the burst with a number landing for a milestone moment.
When should confetti be used?+
Confetti should mark a genuine win: completed checkout, a new high score, a subscription activated. Using it for neutral actions dilutes its meaning.
How long should a confetti burst last?+
The active burst is about 0.5s, and the pieces settle within 2–3 seconds. Longer reads as noise; shorter reads as a cheap pop.