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
