Playground · Loading & feedback

Confetti Burst

  • motion component
  • iOS
  • Android
  • Flutter 3.47.0+

A celebratory burst of confetti that shoots out in a cone, then flutters, spins and falls before fading, painted over your screen without getting in the way of taps.

Version 1.0.0 · What changed
  • 1.0.0 2026-10-02 First release.

Parameters

How many pieces of confetti each burst throws.

How wide the cone the confetti shoots out in is, in degrees; 360 throws it in every direction.

How hard the confetti is launched. It is relative to the area's size, so a burst looks alike on any screen: at 1 the fastest pieces travel about a third of the shorter side.

How strongly the confetti falls once the air has slowed it; 0 lets it hang and drift.

The size of an average piece, in logical pixels; pieces vary around it.

Seconds a burst lasts, from launch until the last piece has faded away.

Where the confetti is launched from: the middle shooting up, the bottom edge shooting up (launched harder, to reach up into the area), or the top edge showering down.

Fires a burst by itself when it first appears. Otherwise it fires only when trigger changes.

Loading Preview…

Send to your coding agent

Add Sheen's MCP server once, then paste the prompt. No key or account needed.

Run in your project (Claude Code)
claude mcp add --transport http sheen https://sheen.ciroapps.com/api/mcp
Then ask your agent
Use the Sheen MCP server to add the Confetti Burst Component to this Flutter app. Call get_export with componentId "confetti-burst" and parameters {"count":180,"spread":150,"power":2.1,"gravity":1.2,"colorA":"7C5CFF","colorB":"F43F5E","colorC":"FBBF24","colorD":"22D3EE","size":9,"duration":3,"origin":"center","autoplay":true}, then follow the install steps it returns. (Tuned in the Sheen Playground: https://sheen.ciroapps.com/c/confetti-burst?count=180&spread=150&power=2.1&gravity=1.2&colorA=7C5CFF&colorB=F43F5E&colorC=FBBF24&colorD=22D3EE&size=9&duration=3&origin=center&autoplay=true)