Confetti Cannon

A fun, interactive confetti cannon component for Framer. Drag and release to launch an explosion of customizable confetti pieces with realistic physics.

Features

  • Interactive Drag Mechanic – Click and drag to charge, release to explode

  • Realistic Physics – Gravity-based trajectories with customizable behavior

  • Custom Images – Upload your own slingshot objects and confetti particles

  • Emoji Defaults – Fun built-in emoji if no custom images uploaded

  • Custom Cursors – Replace default cursor with custom images

  • Mobile Friendly – Works with touch gestures on mobile devices

Property Controls

  • Instruction Text – Customize guidance message, typography, color, and layout positioning

  • Line Stroke – Control the slingshot line color, width, style, and opacity

  • Slingshot Images – Upload custom images for throwable objects (up to 50)

  • Confetti Images – Upload custom images for explosion particles (up to 50)

  • Particle Amount – Control how many confetti pieces explode (0.2 - 2.0)

  • Explosion Force – Adjust how far confetti flies outward (0.5 - 2.0)

  • Confetti Size – Set the size of confetti pieces (0.5 - 2.0)

  • Fall Speed – Control gravity and falling speed (0.3 - 2.0)

  • Custom Cursor – Upload custom cursor images for idle and drag states

  • Background Color – Set component background color

{name}

{name}